svg-notes.md

SVG Notes

I'm learning how to make interfaces with SVG, so here are some great notes that might help you if you're just starting out. I've tried to put them in some order so that you'll spend less time jumping around like I did!

Intro to SVG

• Inline SVG and basics: Inline SVG is the Best SVG by Front End Center
• Animating an SVG Path basics: Animating an SVG Line Drawing by Jake Archibald
• SVG and React Basics: Creative Coding with React and SVG by Varun Vachhar

Awesome SVG Animation

• Tour through SVG awesomeness: SVG Can Do That?! by Sarah Drasner
• Buttons, Sliders, and Goo: Interactive Web Animation by Chris Gannon
• Math, math, math: The mathematics of Animation by Varun Vachhar (Note: this is unlisted, maybe I shouldn't be sharing?)

Awesome Libraries for React

• Pose