July 3, 2023

An Interactive Guide to SVG Paths

An Interactive Guide to SVG Paths

Hello!

Today, I'm super excited to share "A Deep Dive into SVG Paths" - interactive guide on the SVG path element and its mystical path syntax. You can check it out here: nan.fyi/svg-paths.

I wanted this post to feel more interactive by adding visuals that change as you scroll, comments for each section, and challenges where you trace over icons (courtesy of the iconist's central icon system).

I hope you enjoy it!

Best,

Nanda

P.S. I actually got the idea of making my course while working on this guide! I wanted to add an animations section when I realized I had way too much to cover.