Download the free Grasshopper app


Learn how to use the D3 library to create, alter, and animate Scalable Vector Graphics (SVG).

SVG: Size and Color

Make your first SVG circles and rectangles.

SVG: Positions

Learn how to position SVGs and practice putting them in different places on the screen.

SVG: Functions

Learn how to use event handlers to change the appearance of an SVG.

Interactive Animation

Start animating SVG shapes with transitions.

Animation Finale

Test your SVG knowledge by trying to make the buoy float in this tricky final puzzle.