React Chart - Animation

To animate chart series, add the Animation plugin to the Chart component.

Basic Setup

Import the Animation plugin.

Animation on Transitions

The following example shows how series are animated on data update:

Customize Animation

Use the Animation plugin’s duration and easing properties to specify the animation’s duration and easing type.

In the following code, the easing implementation is taken from the d3 library: