- #1

person123

- 328

- 52

- TL;DR Summary
- I'm sharing a website I made for solving systems of equations and connecting them to interactive visuals.

I recently finished a website and I'd like to share it in case it would be useful, as well as to get feedback. The URL:

equationvisuals.com

The website uses a basic computer algebra system (CAS) I built to solve systems of equations and show its steps. These equations can then be linked to parametric, dynamic visuals. I created 40 examples in physics and engineering for users to build off of, and you can also create and save your own. Note that this site is basically unusable on mobile, so you should definitely use a laptop/desktop instead.

I intended this for students in engineering classes to get an intuition for the problem they're solving instead of blindly substituting values into equations. (I had the idea during college, but unfortunately graduated before it was developed much). I don't think I will continue to develop this (it honestly took much longer than I would have liked, and I'm afraid to spend more time), but I hope people find it interesting or valuable, and I would still love any feedback. Thanks!

Just to clear any doubts, this is entirely open-source at the Github page for anyone to use how they like (the code's kind of a mess so I wouldn't necessarily recommend it), and I'm okay with (and would take it as a huge compliment) if anyone creates something similar based on this. (If this does happen, the only thing I ask for is that my website is mentioned).

For a more or less comprehensive overview of what you can do on the site:

equationvisuals.com

The website uses a basic computer algebra system (CAS) I built to solve systems of equations and show its steps. These equations can then be linked to parametric, dynamic visuals. I created 40 examples in physics and engineering for users to build off of, and you can also create and save your own. Note that this site is basically unusable on mobile, so you should definitely use a laptop/desktop instead.

I intended this for students in engineering classes to get an intuition for the problem they're solving instead of blindly substituting values into equations. (I had the idea during college, but unfortunately graduated before it was developed much). I don't think I will continue to develop this (it honestly took much longer than I would have liked, and I'm afraid to spend more time), but I hope people find it interesting or valuable, and I would still love any feedback. Thanks!

Just to clear any doubts, this is entirely open-source at the Github page for anyone to use how they like (the code's kind of a mess so I wouldn't necessarily recommend it), and I'm okay with (and would take it as a huge compliment) if anyone creates something similar based on this. (If this does happen, the only thing I ask for is that my website is mentioned).

For a more or less comprehensive overview of what you can do on the site:

- Whenever you make a change (with the exception of the spinners), you must press
**Ctrl**+**Enter**to run the sheet and update the output. - Each block (what I'm calling the white rectangles on the left) is a system of equations, one equation per line, with a name on the top. New lines can be created within a block, and new blocks can be created (just use the
**+**or**x**buttons for creating and deleting). - Blocks can reference blocks above, inserting the equations of the referenced block into a larger system. After referencing a block and rerunning, a tables appear to the right of the line, one column for each variable, where variables, values, or just blank can be input. Variables and values are substituted, while a blank cell asks the CAS to eliminate the variable from the system (e.g. a=b+3 and b=c+4 becomes a=c+7 if b is eliminated). Multiple rows can be created in the table; the referenced block is inserted once for each row.
- A line for an equation can also start with the
**visual**keyword followed by the name of a visual (e.g. "Cylinder", "Sphere", "Box", "Arrow"). Values for visuals can be substituted in just like equations, and they're displayed when numeric values have been substituted for all parameters. - There's a special
**Solve**block below the rest where the user can reference one of the above blocks to solve it. Once ran with a reference to a block, a table appears, again one column for each variable. If there is too much unknown to solve, you can substitute values into the cells, while the cells show the rest of the values as output if solved successfully. If the CAS is able to solve, it will show the steps. If values were input into the table, they can be adjusted with spinners, allowing for dynamic visuals.