Data Visualization: Representing Information on Modern Web

Interacting with the user

This is it. This is where all of the UX tidbits that I've been dropping throughout the chapter and all the ES2015 ideas that you've been learning come together — let's make a simple explanatory graphic that uses interaction to walk the viewer through data.

The first step in any visualization involving user interactivity is to plan exactly what you want the visualization to do, how you want your viewers to interact with it, and what you want to say about the data. What is the data's story? What's the best way to tell it?

We have the numerical product of over a century of incarceration in a western country in the prison population dataset. There are many ways we can look at this data. We can look at how the prison population ...