Viewing a saved revision (read-only)
680d5b2f2a024ecc832211452156c9d4
Zoomable County Choropleth
This example visualizes unemployment rates across U.S. counties from August 2016 using a digital choropleth map. The map, rendered with `d3.geoPath` and a `geoAlbersUsaTerritories` projection, colors each county using a `scaleQuantile` with `interpolateInferno`. It supports interactive zooming and panning via `d3.zoom`, with `d3-rosetta` managing state and efficient DOM updates. County boundaries and state meshes come from the `us-atlas` TopoJSON dataset, while the unemployment figures are loaded from a local CSV file.
AI-generated descriptionAn adaptation of the D3 Choropleth Example that uses vanilla JavaScript. Shows Unemployment rate by U.S. county, August 2016.
Some key differences from the original implementation include:
- Uses unidirectional data flow and idempotent rendering
- Supports hot reloading
- Uses the geo-albers-usa-territories projection, which includes all US territories
- Colors missing data red.