# Treemap

A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.

- ID: `treemap`
- Import: `animui/treemap`
- Category: Data
- Runtime exports: `Treemap`, `default`
- Declaration: `types/free/components/treemap.d.ts`
- Type provenance: emitted-original-typescript
- Related: sunburst, donut-chart, bar-chart, waffle-chart

```tsx
import { Treemap } from 'animui/treemap';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info treemap` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Treemap, default } from '../registry/components/treemap/treemap.js';
export type { TreemapNode, TreemapProps } from '../registry/components/treemap/treemap.js';
```