Primitive

Diagram MiniMap

Compact minimap overlay for diagram canvas nodes.

Use DiagramMiniMap as a passive viewport orientation aid. It owns the minimap chrome and node marks; components own viewport math and selected node resolution.
diagram
DOM renderImage render
Diagram MiniMapDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Minimap overlay inside a diagram viewport.
Render state

Selected

Minimap selected-id state across a larger graph.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
nodes *readonly DiagramMiniMapNode[]-Minimap node marks.
selectedIdstring-Optional selected node id.