Map legend

The corner block that explains the map

A name, a line on what the map shows, and the key to its markers. The built-in glyphs are drawn on the same geometry Globe draws its markers with; WorldMap's dot and outlined square are its own, so a flat-map key passes its glyphs as nodes. Pure markup, no client JavaScript, and the key itself is a definition list.

Full block

Meridian

A listening surface for machines agreeing on where the signal was last seen.

Listening point
Fixed witness
Signal route

Key only

Title and description are optional, so the key can sit alone beside a chart or a smaller map.

Listening point
Fixed witness

Flat colours

The line glyph takes a series colour for coverage and boundary keys, and a color on arc replaces its gradient. Any React node renders as given, for custom swatches.

Coverage

Regions by reporting network.

Primary network
Partner network
Relay route
tsx
// From the npm package
import { MapLegend } from 'rift-ds/components/MapLegend/MapLegend';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/map-legend.json