Treemap

Part-to-whole as nested rectangles

Each rectangle sizes to its value, so the biggest contributors are impossible to miss. Suited to storage, budgets, and other breakdowns.

Default

Disk usage

Storage breakdown by category (MB)

Total23.7 GB
Free12.3 GB
tsx
// From the npm package
import { Treemap } from 'rift-ds/charts';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/treemap.json