KQ-085 · ZOOM/ATLAS
Zoom Atlas
Semantic zoom made physical — the atlas is a grid of sectors, and clicking one flies the camera into it, the whole board scaling about that cell until it fills the frame; a breadcrumb hangs at the top to fly you back out to the overview.
KQ-085 · ZOOM/ATLAS
STAR ATLAS · 09 SECTORS
KQ-085
Atlas overview
VIEWING · OVERVIEW
Click a sector to fly in - the crumb flies you back out.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/zoom-atlas
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| regions | AtlasRegion[] | — | Sectors laid on a near-square grid; each a zoom target. |
| columns | number | ceil(sqrt(n)) | Grid columns; the fill scale keys off it. |
| onZoom | (id | null) => void | — | Fires the focused sector id, null on return to overview. |
| height | number | 300 | Atlas height in px. |