Simple Treemap
Simple Treemap displays hierarchical data in the shape of rectangles proportional in size to their value as part of the whole. Each rectangle, in turn, can be divided into sub-items according to the values of its children in the hierarchy.
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 simple treemap chart that displays hierarchical data as rectangles proportional in size to their values. Use nested data with five primary categories (First through Fifth), each containing 2-5 child nodes with numeric values ranging from 16 to 687. Rectangles should have visible borders for clear separation. Enable drill-down navigation by clicking rectangles, allowing multiple branches to display simultaneously. Apply the Animated theme. Animate the series with a smooth staggered animation. The chart should be tall at full width. Use amCharts 5 library.
Demo source