• Open in:

Animated XY Bubble Timeline chart

Animating changes in data is a great way to convey trends over time that would require series of charts or overcrowding one static chart. amCharts has all the tools you need to create animated timelines.

Key implementation details

There’s a lot going on in this chart, so lets focus on the essence related to the title of this demo. The key here is the slider at the bottom. Whenever the location of the slider thumb changes the rangechanged event is fired and we adjust the data slice our series are bound to. The play button just animates the start position of the slider range.

Related tutorials

Demo source