Partition Grid

A proportionally-sized rounded-tile treemap with automatic text contrast per tile.

Storage27%

Compute27%

Network24%

Cache23%

6 options

Accent Color

Tiles

Tile Gap

Corner Radius

Labels

Animation Speed

100

Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.

npx spark-ui-registry@latest add mono-tile-treemap

Writes to components/spark-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.

PropertyTypeDefaultDescription

theme'dark' | 'light''dark'Colour scheme of the card.

compactbooleanfalseShrinks the card to a smaller fixed height.

colorstring (hex)'#ff8a3d'Primary series color.

tilesnumber4Number of partitions in the treemap.

gapnumber6Space between tiles in pixels.

radiusnumber12Rounding on each tile.

showLabelsbooleantrueShow each tile's name and share.

speednumber100Playback speed of entry and transition animations, as a percentage.