Using D3 to make interactive data visualizations

Alex Kuhn

This is a tutorial on getting started with D3 that walks through making an animated scatter plot. I'll go through these stages and describe everything in detail at the JavaScript meetup, but you can follow along and see how the project progresses through each stage below:

0 - Initial setup
1 - Create scatter plot
2 - Add axes
3 - Add tooltip
4 - Add filtering
5 - Transitions & color

Homicide Rate Data (.csv) - from UN Data

The end result is below. Enjoy!

Live Long: A Comparison of HDI to Homicide Rates Around the World



To learn more about D3, please check out the D3 Wiki, which is full of tutorials and sample code.