Treemap

Standalone treemap for hierarchical data. Rectangles sized by value.

Primitive: ChartTreemap· Standalone (no ChartRoot needed)

Interactive demo

Usage

import { ChartTreemap } from '@ramtt/charts'

<ChartTreemap
  data={[
    { label: 'Power', value: 40, color: '#3b82f6' },
    { label: 'Endurance', value: 30, color: '#22c55e' },
    { label: 'Sprint', value: 20, color: '#f59e0b' },
  ]}
/>

Props

Prop	Type	Default	Description
data*	`TreemapItem[]`	—	Data items
width	`number`	880	Chart width
height	`number`	300	Chart height