STATISTICS / CHART GUIDE

Treemap

A treemap is a chart used to display hierarchical data structures.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

About Treemap

A treemap is a chart used to display hierarchical data structures. It visualizes hierarchical relationships by nesting data in rectangular areas. Each rectangle represents a category, and its size corresponds to the category's value. Treemaps are excellent for visualizing proportions across multiple categories, especially with large datasets, helping to quickly analyze the importance or weight of data.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

Property	Type	Required	Description
`type`	`string`	required	Value must be "treemap".
`data`	`Object[]`	required	Chart data, array of objects containing nested objects.
`data.name`	`string`	required	Category name.
`data.value`	`number`	required	Category value.
`data.children`	`Object[]`	optional	Subcategory list.
`title`	`string`	optional	Chart title.
`theme`	`BuiltinThemeName \| ThemeSpec`	optional	Built-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
`style`	`Object`	optional	Chart style.
`style.backgroundColor`	`string`	optional	Must be a valid color value.
`style.palette`	`string[]`	optional	Must be an array of valid color values.