This site is an exercise in art, math and animation.

About

While this certainly is not the most original svg/react site out there, it does challenge one to the possiblities of working with MDX, React, SVG and a few other stuff that usually accumulate on a web programmer/designers' 'must-do-something-with' list. This means that I had to brush off some old tutorials that were bookmarked for collection or closure on my computer as well, so why not make something of these? I'm attempting to go through some of the web technologies that help with understanding art and math better while having fun with it. And in the process I hope that I'm able to tell something of the lesson path that might help you do the same.

All the lessons in this site are freely available (here and elsewhere on Twitter, Instagram, etc) and you may use it to do whatever you wish with.

SVG

First things first. SVG can draw basic shapes on the screen without using much memory or screen real-estate. They can be shaped, animated, and sized however you like. It's just like sketching with shapes in real life.i.e,