Learn D3.js - Second Edition

13

Transitions and Animation

In this book, we have used simple transitions mostly for tooltips, smooth data updates, and a few interactive behaviors, but there’s a lot more that you can do using D3’s animation features. Motion can be used to express aspects such as temporal change, to accurately describe dynamic processes, and to represent multi-dimensional data in ways that are not possible with a static two-dimensional visualization. In this chapter, we will dive deeper into the animation tools provided by D3 and use them in examples that you can adapt to your own data.

Simple animations can be created with timers. The d3-timer module contains tools to manage thousands of concurrent animations, while efficiently controlling their timing and ...