Dynamic Data Updates on Treemap
Updating data in real-time is one of the key use-cases for interactive dynamic data visualizations. Animating to the new values leads the viewer’s attention and makes those updates much more readable. amCharts has all the tools to make this process completely seamless.
Key implementation details
We just load and apply Animated theme and then just update the data on an interval. The chart takes care of the rest.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create a treemap with dynamic real-time data updates. Use hierarchical data with five primary categories (First through Fifth), each containing 2-5 child nodes with numeric values. Style rectangles with visible borders and rounded corners. Every 2 seconds, randomly update all leaf node values by varying them slightly up or down, creating smooth animated transitions to the new proportional sizes. The animated transitions should guide viewer attention to the changing values. Enable drill-down capability by clicking. Apply the Animated theme. The chart should be tall at full width. Use amCharts 5 library.
Demo source