Creating interactive visualizations with D3
One of the great things about working on the Web is how easy it is to make things interactive. Also, since D3 exposes the underlying HTML elements— in fact, it often forces you to work in them—making a D3 graph interactive is pretty straightforward; we just use standard HTML events.
For this recipe, we'll take the force-directed layout visualization of the US census data that we did in the last recipe, Visualizing graphs with force-directed layout, and make it interactive. We'll add a data panel to the right-hand side of the graph, and whenever the user hovers over a node, the page will display the census data from that node in the data panel.
Getting ready
We'll start with the visualization from the last recipe, Visualizing graphs with force-directed layout, and add to it.
How to do it…
Even though we're adding to an existing graph, we'll do it on a new URL, so we'll also need to add a handler, route...
