Adding a fifth dimension to a bubble plot – time

Now let's apply everything we have learned about animation to some real data. We are going to revisit our bubble plot visualization from Chapter 6, Creating Scatter and Bubble Plots, expanding the set of data from a single year (2013) to all the available years (1960 through 2013). We will modify the rendering of the visual to periodically update and animate the bubbles into new position and sizes based upon the change in the values of the data.

The expanded data set is available at The fundamental difference is the inclusion of a year column, and data covering 54 years.

The code for and the demo of the example is available at the following link:


bl.ock (7.7): ...

Get D3.js By Example now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.