Chapter 6. Transition with Style

The preceding code produces the following visual output where a box appears with In this chapter, we will cover:

  • Animating a single element
  • Animating multiple elements
  • Using ease
  • Using tweening
  • Using transition chaining
  • Using transition filter
  • Listening to transitional events
  • Working with timer

Introduction

"A picture is worth a thousand words."

This age-old wisdom is arguably one of the most important cornerstones of data visualization. Animation, on the other hand, is generated using a series of still images in quick succession. Human eye-and-brain complex, through positive afterimage, phi phenomenon, and beta movement, is able to create an illusion of continuous imagery. As Rick Parent put it perfectly in his brilliant ...

Get Data Visualization with D3 4.x Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.