Geographic Map
Choropleth maps in Observable Plot using the US Albers projection. The primary variant covers US states with built-in TopoJSON; alternates handle generic geographies (any TopoJSON or county-level resolution), European countries, and ZIP-code resolution. All variants are responsive to container width and accept standard TopoJSON / GeoJSON inputs.
US states (primary)
US state choropleth with built-in TopoJSON. Color-encodes by state with tooltips.
Installshow
viz add plot/geo/state-map-v1Generic (any TopoJSON)
Generic choropleth supporting any TopoJSON geography.
Installshow
viz add plot/geo/choropleth-v1No live preview — install to render
plot/geo/europe-map-v1
European countries
European country choropleth with TopoJSON boundaries.
Installshow
viz add plot/geo/europe-map-v1No live preview — install to render
plot/geo/zip-map-v1
ZIP-code resolution
ZIP-code-level map for fine-grained geographic analysis.
Installshow
viz add plot/geo/zip-map-v1Usageshow
import { StateMap } from '@/viz/components/plot/geo/state-map-v1';Metadata
- FrameworkObservable Plot
- CategoryMaps
- Source
plot/geo/state-map-v1
Dependencies
Related Components
State bars
State-level bar charts for ranking US states on a single metric. Two implementations: a sortable Recharts version with search and expand affordances, and an Observable Plot version with built-in sorting. Both built around BRFSS state-level data but accept any 50-row state dataset.
County Choropleth
A US county choropleth rendered as inline SVG from a caller-supplied TopoJSON, with theme diverging or sequential ramps, state borders, and a hover tooltip. Use it for print-quality county maps in articles; for zoomable, high-cardinality maps reach for the MapLibre engine instead.
County Choropleth (diverging)
The county choropleth tuned for residual / above-or-below maps: a diverging color scale centered on a reference value (the national mean or zero), so counties read as positive vs. negative at a glance. Same component as County Choropleth — just a centered three-stop domain. Derived from the diverging county maps across the birth_death + Politics data stories (e.g. two-despairs, merchant-right-county-residuals).
Bubble Map
Geographic bubble map with size-encoded values. Points positioned by lat/long, sized by a metric. Use when the data is point-located rather than region-aggregated — bubble maps avoid the "large area = more important" bias that choropleths can introduce when geographic regions vary dramatically in size.
Used in data stories
Live ctzn.pub articles built with this chart shape.
+2 more stories