• Open in:

Animated Sankey Diagram

Besides being visually stunning, animations in data visualizations can help direct viewer’s attention and communicate the key information.

Key implementation details

To achieve the effect in this demo we use labels in bullets on the series items. Bullets have a locationX property and we animate it from 0 to 1 (start to finish of the item). We also adjust the opacity while animating to create a fade-in-fade-out effect.

Related tutorials

Demo source