ECharts Treemap with Drilldown
A nested treemap with native drill-down — every branch of the hierarchy is a rectangle, every sub-branch is a smaller rectangle inside its parent, and clicking any tile zooms ECharts into that subtree with a breadcrumb pathbar at the top so the viewer can pop back up. This is the
Template details
- chart
- treemap
- hierarchy
- drilldown
- echarts
When to use this template
This visualization excels at revealing the proportional contribution of numerous hierarchical parts to a grand total. Analysts use it to quickly identify the largest contributors, spot imbalances, or pinpoint areas requiring deeper investigation within complex, multi-level structures. The drilldown capability allows for granular exploration of specific sub-segments without losing context of the broader whole.
- Hierarchical data with multiple nested levels.
- Datasets requiring proportional representation of parts to a whole.
- High cardinality categories, hundreds of leaf nodes.
- Quantitative values for size, enabling comparison.
- Need to explore specific sub-branches in detail.
- Data where relative size is more important than exact value.