The geography, flat and at a glance
The companion to Globe for when the map should read without turning: real land shapes from Natural Earth, baked into the package as one SVG path and coloured entirely by the tokens. Still no map library and no tile server: frame a window with bounds, plot markers by latitude and longitude, and give each one its own colour.
A map surface
The full pattern: the map covering the stage, MapLegend in a corner, MapCallout beside the active marker, and the zoom pill floating at the bottom centre, where every diagram on this site keeps it. Hover or focus a marker to raise its callout (every marker is a real button), drag the map anywhere on the world at any zoom, and hold ctrl or ⌘ with the scroll wheel (a trackpad pinch) to zoom at the pointer. On a touchscreen a finger only pans once zoomed in, so the page keeps its scroll.
Where the network touches ground.
- Hub
- Site
Framing
bounds is a window in degrees (west, south, east, north) and becomes the drawing's viewBox directly.fit decides how the window meets the container:contain letterboxes the whole window in,cover fills the box and crops the edges.
Markers
Two kinds, the family's vocabulary: a filled dot for something plotted, an outlined square for something fixed. Each point can carry its own color (typically a chart series token), the channel for colour-coding a category; Globe carries the same color on its points, so one dataset keys identically on both projections.showLabels names the markers in the code face.