A collection of d3 examples ranging from simple and illustrative to just plain silly

Examples

d3 selections, bar chart with screencast

bar chart with transitions

masking with svg images

simple bar chart 

(from screencast)

csv example

(parsing + plotting)

simple pie chart
(with comments)

multiple pies
(create charts in a function)

pie bakery
(click to place a pie chart)

d3 drag behavior
(without text interference!)

Fun

• Trippy Sin Waves (try the arrow keys and ‘a’ and ‘d’ to change parameters)
• Square Circle Illusion pt. 2 (code improvements thanks to Mike Bostock)
• Square Circle Illusion (static version, Mike Bostock’s version)
• Chernoff smileys (randomly generated Chernoff faces with 4 variables)

SVG Concepts

• viewBox and transformations (programmatically getting viewBox coordinates of a transformed object)