# Parsons Problems, but with Processing's visual output

**URL:** <https://discourse.processing.org/t/parsons-problems-but-with-processings-visual-output/43720>\
**Category:** Teaching\
**Created:** [January 19, 2024, 2:38pm UTC](https://discourse.processing.org/t/parsons-problems-but-with-processings-visual-output/43720 "2024-01-19T14:38:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![villares](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/villares/32/3166_2.png) [@villares](https://discourse.processing.org/u/villares)\
**Post date:** [January 19, 2024, 2:38pm UTC](https://discourse.processing.org/t/parsons-problems-but-with-processings-visual-output/43720/1 "2024-01-19T14:38:17Z")

</div>

I have made, with lots of help from friends, a prototype of a tool to make Parsons Puzzles with visual output (using the p5js vocabulary). As I prefer to teach with Python, I’m using pyodide based [pyp5js](https://abav.lugaralgum.com/pyp5js/py5mode/). It is a fork from a static pages tool by Pamela Fox, you can fork and adapt it easily (static pages, I’m serving them from GitHub Pages).

Example puzzle:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/b/3/b3fb20d77137800232022e6c951105377fff9069.png)

[https://abav.lugaralgum.com/faded-parsons-visual/problem.html?name=130\_olhos](https://abav.lugaralgum.com/faded-parsons-visual/problem.html?name=130_olhos)

The tool:

[https://abav.lugaralgum.com/faded-parsons-visual/](https://abav.lugaralgum.com/faded-parsons-visual/)