Cool visualization! Any plans to do more examples of SVG? There's lots of functionality in the format and it would be neat to see it documented in an interactive style like this.
For a constant height, why do width values between 0 and 100 cause (x axis) <i>displacement</i>, but width values above 100 cause <i>scale reduction</i> in both dimensions?<p>(A similar phenomena can be observed for a constant width while varying the height values.)
I'm current using Vue to manipulate a complex SVG as the foundation of my current game engine. It's not super snappy but it's effective and interesting. I've taken the concept pretty far and, thus far, I haven't see anyone else manipulating SVGs with Vue (or React or whatever) in this way before. Its surprising because it feels extremely intuitive.
Dont use site<p>Moving those sliders will nuke your CPU<p>probably because the entire <body> is essentially just:<p><pre><code> <script src="/prism.js"></script>
<script src="/static/js/20.c80b9d97.chunk.js"></script>
<script src="/static/js/main.635019b5.chunk.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://d3js.org/d3-array.v2.min.js"></script></code></pre>