• Open in:

Map with Animated Bubbles

Animating bullet sizes and values is a great way to showcase data changes over time. This demo shows you how to do it on a map.

Key implementation details

We use MapPointSeries to place the bubbles on the map. polygonIdField is set to the ID of the country polygon and the chart places the point in the center of that polygon/country. We then add a Circle as a bullet for the series. Finally, we use “heat rules” to apply settings based on the data values.

Then we just change the underlying values on a timer.

Related tutorials

Demo source