SVG thinking

Last updated: January 8, 2026

This is in the works! Would you like to help flesh it out? Let's do it!

See the Pen VYjjzgQ by perpetual.education (@perpetual-education) on CodePen.

(for some reason, a default SVG will have 300×150 viewBox)

See the Pen qBVNOwq by perpetual.education (@perpetual-education) on CodePen.

Make sure you’re really really clear on how the viewBox works. It’s your cropped view – of an infinite canvas.

See the Pen KKajggd by perpetual.education (@perpetual-education) on CodePen.

For simple things, it’s fun to know how to write them by hand.

See the Pen WNOZybQ by perpetual.education (@perpetual-education) on CodePen.

See the Pen rNjgjLa by perpetual.education (@perpetual-education) on CodePen.