Data, design, and D3.js

A primer on making clear graphics

I’m Kim Niedermaier.

Let’s talk πŸ“Š, 🍩, & πŸ“ˆ.

ActBlue

Comparing scales

Comparing scales

Editing titles and subtitles

Removing the legend

Adding annotations

Aim for clarity

Consider D3.js

What D3.js offers

Examples

https://www.npr.org/2016/05/01/476224759/is-there-a-better-way-to-pay-for-americas-schools
Credit: Katie Park, Alyson Hurt and Lisa Charlotte Rost/NPR

https://www.nytimes.com/interactive/2016/02/19/us/2015-year-in-weather-temperature-precipitation.html
Credit: K.K. Rebecca Lai

https://fivethirtyeight.com/features/where-your-state-gets-its-money/
Credit: Ben Casselman and Allison McCann

Thank you

Slides and resources can be found at kimniedermaier.com/talks/donut-js