ns-ui
A recursive slice-and-dice treemap where every rectangle's interior is filled with an ASCII density ramp keyed to its value instead of a colour scale. Clicking a rectangle with children descends into it, recomputing the partition over just its children; a breadcrumb (or Escape) climbs back out to any ancestor.
Use when showing a hierarchy whose PROPORTIONS matter at a glance (disk/budget/traffic share nested one or two levels deep) and letting the viewer drill into one branch without losing the whole picture — reach for drill-down-spines instead for a linear stack of full pages rather than proportional rectangles, or grid-bento-dense for a fixed editorial layout with one always-featured cell rather than a value-proportional partition.
Install
npx shadcn add https://design.helpmarq.comns-ui / treemap-ascii-partition
Click a rectangle to descend a level; density is an ASCII ramp keyed to value. Use the breadcrumb or Escape to climb back out.
| Prop | Type | Default | Description |
|---|---|---|---|
| data? | TreemapNode[] | — | — |
| className? | string | — | — |