search

amcharts / amcharts4

The most advanced amCharts charting library for JavaScript and TypeScript apps.
https://www.amcharts.com/
1.16k stars 322 forks source link

Animated heatmap #918

Closed Ices-Eyes closed 5 years ago

Ices-Eyes commented 5 years ago

Hi, I was trying to find out if it is possible to make an heatmap and have it animated to show changes over time. I've not been able to find out some example of this, so I'd try to post the question here...

zeroin commented 5 years ago

I've updated our heatmap demo (some lines in the end). It now changes data each 3 seconds and the bubbles animate radius to new values: https://www.amcharts.com/demos/bubble-based-heat-map/

Ices-Eyes commented 5 years ago

Ok, my mistake, I've not been really clear...I was referring to the choroplet map, so something like this chart https://www.amcharts.com/demos/us-heat-map/ but that also change the values over the time. So for example population on the map, with a timeline that show it in 2009-2010-2011-...-2018... :)

martynasma commented 5 years ago

This should work similarly with geo heatmap:

https://codepen.io/team/amcharts/pen/d3c3e7d08cc6cacab766d4c2ed397c78?editors=0010

Ices-Eyes commented 5 years ago

Ok, thank you... I will try to elaborate on this to see if I can attach the temporal data to a slider and using the data coming from the json to animate it. Thanks :)