KQ-141 · TERRAIN/RELIEF

Terrain Relief

A data heightmap drawn as a rotatable wireframe terrain — the grid projects into an oblique surface you orbit by dragging, strands painter-ordered by depth and fading into the distance, and hovering a node lifts a readout of its elevation.

KQ-141 · TERRAIN/RELIEF

RELIEF SURVEY · 12x12 GRID

KQ-141

PEAK · 47.1

Ridge and valley relief survey: 12×12 grid, elevation -44.8 to 47.1

ELEVATION · SWEEP TO READ

Drag to orbit the relief - hover a node to read its elevation.

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/terrain-relief

Props

PropTypeDefaultDescription
datanumber[][]Elevations by [row][col]; normalized internally.
onProbe(probe | null) => voidFires the probed { row, col, value }, null on leave.
heightnumber300Chart height in px.