Do you use SVG? Canvas? Something else? If so, why? And what's your process?<p>When explaining a technical topic, I've sometimes found myself wanting to make a visual aid of some sort. But there seems to be a huge landscape of tools and I don't know what I should invest in learning.<p>Thanks in advance for any advice!
Walk through of various tools a physics class instructor used per different presenation requirements. <a href="https://opensource.com/article/20/1/teach-physics-open-source" rel="nofollow">https://opensource.com/article/20/1/teach-physics-open-sourc...</a>
Online web based (no install mess):<p>Mathcha editor : <a href="https://www.mathcha.io/" rel="nofollow">https://www.mathcha.io/</a> can cut/paste tiz examples to use as starting template(s)<p>Asmptote : <a href="https://asymptote.sourceforge.io/" rel="nofollow">https://asymptote.sourceforge.io/</a><p>WolframAlpha : <a href="https://www.wolframalpha.com/input/?i=plot+2x%2B3y-5z%3D7" rel="nofollow">https://www.wolframalpha.com/input/?i=plot+2x%2B3y-5z%3D7</a><p>GeoGebra : <a href="https://www.geogebra.org/classic/3d" rel="nofollow">https://www.geogebra.org/classic/3d</a><p>CPM 3D Plotter : <a href="https://technology.cpm.org/general/3dgraph/" rel="nofollow">https://technology.cpm.org/general/3dgraph/</a>
Additional context: for a flavor of what I have in mind, you can glance at the wiki page for vector spaces [0]. E.g. [1].<p>[0]: <a href="https://en.wikipedia.org/wiki/Vector_space" rel="nofollow">https://en.wikipedia.org/wiki/Vector_space</a><p>[1]: <a href="https://en.wikipedia.org/wiki/Vector_space#/media/File:Determinant_parallelepiped.svg" rel="nofollow">https://en.wikipedia.org/wiki/Vector_space#/media/File:Deter...</a>
Are you asking about the technology to build diagram on web? or what tools to use for creating diagrams?<p>Because SVG and canvas are technologies, not tools. You then said your intention is to explain technical topics?