Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9 Choropleth Map in D3

Public visualization

Viewing a saved revision (read-only)

3a4416b95a6b40658093a70c0ba2b872

A9 Choropleth Map in D3

0 stars0🌍 Public
EEric Yao
Last edited Apr 2, 2024
Created on Feb 18, 2024
Forked from HTML Starter

This example displays a choropleth map of poverty rates across U.S. counties, using a sequential blue color scale to encode percentages from 0 to 100. It loads county boundaries from the TopoJSON `us-10m.v1.json` dataset and merges them with CSV data containing poverty estimates. The map is rendered as SVG paths via `d3.geoPath` with an AlbersUSA projection fit to the viewport, while `d3.scaleSequential` with `d3.interpolateBlues` determines each county’s fill color.

AI-generated description

Meant to be viewed in full screen