Notes from "Intro to D3"

Having built a few things in D3, I’m going back to the basics to learn it from the ground up. First up is Intro to D3 by Square.


I need to learn more about SVG.

Where HTML has the <div> and tags, SVG has the tag for an arbitrary group. You’ll see a lot in D3 examples. The tag is powerful but complex, it can be used for either lines or arbitrary filled-in shapes depending on the styling.

D3 provides “helpers” for:


Data binding or “the join” is the heart of D3. Create a selection and use .data() to bind data to the selection.