Treemap
stableSquarified treemap for hierarchical proportion — portfolio allocation, currency exposure breakdown
import { Treemap } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
datareq | TreemapNode[] | — | Nodes to lay out |
severityColored | boolean | — | Color nodes by severityValue |
datarequiredType
TreemapNode[]Default —Nodes to lay out
severityColoredType
booleanDefault —Color nodes by severityValue
MobileStacks / Scroll
Treemap requires min 320px. Wrap in overflow-x-auto.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?