Observable PlotGeographic
Generic Choropleth
Generic choropleth map component supporting any TopoJSON geography.
Preview placeholder
choropleth-v1
Installation
Terminal
npx @ontopic/viz add plot/geo/choropleth-v1Props
| Prop | Type | Description |
|---|---|---|
topology | TopoJSON | TopoJSON topology object |
data | GeoData[] | Data to map to geography |
idAccessor | function | Function to extract ID from features |
See full TypeScript interface on GitHub for all props.
Usage Example
TypeScript
import { Choropleth } from '@/viz/components/plot/geo/choropleth-v1';Metadata
- Last Updated2025-01-12
- FrameworkObservable Plot
- CategoryGeographic
- Subcategorygeo
Observable Plot Geographic Choropleth Generic
Dependencies
@observablehq/plottopojson-client
Quick Install
npx @ontopic/viz add plot/geo/choropleth-v1Related Components
recharts
State Bar Chart
Interactive state-level bar chart with sorting and filtering capabilities.
recharts
Sortable State Bar
Sortable state bar with search and expand features for detailed state analysis.
plot
Marijuana Opinion Trend
GSS marijuana legalization trends by church attendance and other demographics.
plot
US State Choropleth
US state choropleth map with TopoJSON. Color-encodes values by state with tooltips.