Treemap

A treemap visualization showing hierarchical data as nested rectangles sized by value. Supply category-value pairs via JSON. Supports custom colors and labels.

Template details

  • chart
  • treemap
  • hierarchy
  • proportional
  • d3

When to use this template

A treemap effectively visualizes the proportional contribution of hierarchical categories to a whole. Analysts use it to quickly identify the largest contributors, spot imbalances, and understand the distribution of values across different levels of a nested structure, making part-to-whole relationships immediately apparent.

  • Data with a clear parent-child hierarchical structure.
  • Quantitative values that represent a measurable quantity for sizing.
  • Categorical dimensions for nesting and labeling rectangles.
  • Datasets where relative size comparison is the primary insight.
  • Data that aggregates into a single total value.
  • Moderate to high cardinality in nested categories.

Browse all Koan templates