Implementing arc transition

One area where arc differs significantly from other shapes, such as line and area, is its transition. For most of the shapes that we covered so far, including simple SVG built-in shapes, you can rely on D3 transition and interpolation to handle their animation. However, this is not the case when dealing with arc. We will explore the arc transition technique in this recipe.

Getting ready

Open your local copy of the following file in your web browser:

How to do it...

In this recipe, we will animate a multi-slice annulus transitioning with each slice starting from angle 0 to its final desired angle and eventually reaching a full annulus: ...

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.