Tree Map

data

Hierarchical tree map visualization for proportional data analysis.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system
Import
import { TreeMap } from "@launchapp/design-system";

Examples

Budget breakdown

<TreeMap  data={{    name: "Budget",    children: [      { name: "Engineering", value: 400000 },      { name: "Marketing", value: 200000 },      { name: "Design", value: 100000 },      { name: "Operations", value: 80000 },    ],  }}  height={300}/>

Props

PropTypeDefaultDescription
data*
TreeMapNode—Hierarchical tree map data with name and children.
width
number—Chart width in pixels.
height
number400Chart height in pixels.
← PreviousThinking Indicator
Next →Video Player