Choropleth map

100%

Choropleth map

✓ Published1🌍 Public

Last edited May 24, 2024

Created on Apr 1, 2024

A choropleth map of the United States displays the percentage of the population living in poverty for each county in 2021. The map uses a sequential red color scale, from light to deep red, to encode the poverty rate, with a legend showing values from 0% to 25% in five-point increments. The visualization is rendered as an SVG using D3.js v7, where the `d3.geoAlbersUsa()` projection and `d3.geoPath()` draw the county boundaries from a GeoJSON file. The poverty data is loaded from a CSV file and joined to the geographic features via their FIPS code.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

A9 US Choropleth Map

This example shows a choropleth map of U.S. state poverty rates using 2023 data from Poverty2023.csv. The map colors each state with a sequential red scale based on the percentage of the population living below the poverty line, with missing data rendered in gray. Hovering over a state displays a tooltip with the state name and its poverty rate. The visualization uses D3 v7’s `d3.geoPath` with the `geoAlbersUsa` projection to render state boundaries from TopoJSON, and `d3.scaleSequential` with `d3.interpolateReds` for color encoding.

Hhxu51@usfca.edu

91% match

Loading thumbnail…

Choropleth map in D3 - Poverty Estimate

This choropleth map displays the estimated poverty rate for each US county in 2021, using a blue color scale to show the percentage of the population in poverty. The map is rendered as an SVG using d3.geoPath and topojson features, with state boundaries outlined in white. A legend and title are included, and the data, sourced from the USDA, is loaded from a CSV file and joined to the map using county IDs. The visualization uses D3 v5 and the topojson library for geographic data processing.

EEunice Tu

91% match

Loading thumbnail…

Choropleth Map of County Data

This choropleth map visualizes county-level poverty rates across the United States. The map uses a green color scale, with darker shades indicating higher poverty percentages, and includes a legend with a color gradient. The visualization is rendered as an SVG and built with D3 v5, using `d3.geoPath` to draw county and state boundaries from a TopoJSON file. County data is loaded from a CSV and mapped to colors via `d3.scaleThreshold`, while tooltips display the exact poverty rate for each county.

JJacob Souch

90% match

Loading thumbnail…

Fork of Choropleth map in D3

A choropleth map of the United States visualizes 2021 county-level poverty estimates, with each state shaded according to its poverty rate using a quantized color scale from light to dark blue. The visualization loads CSV data from a GitHub gist and combines it with TopoJSON geographic boundaries from `us-10m.v1.json`, rendering the map as SVG paths via `d3.geoPath` with an Albers USA projection. A legend generated by `d3.legendColor` displays the unemployment rate scale, while hover effects and tooltips appear through d3 event handlers. Data originates from the U.S. Census Bureau's Small Area Income and Poverty Estimates program.

EEunice Tu

90% match

Loading thumbnail…

Choropleth Map of County Data

A choropleth map displays the poverty rate for counties across the United States, with each county shaded according to its value. The visualization uses a threshold color scale with a green sequential scheme, and includes a legend showing the percentage ranges. The map is rendered as SVG using d3.geoPath and TopoJSON, with state boundaries drawn as a white mesh. Data is loaded from external JSON and CSV files, and colors are assigned via d3.scaleThreshold.

JJacob Souch

90% match

Loading thumbnail…

Choropleth map in D3

This choropleth map visualizes 2021 poverty estimates for U.S. states, with each state colored according to its poverty rate using a quantized blue color scale. The visualization loads geographic boundaries from a TopoJSON file and joins them with CSV data containing state-level poverty percentages. Built with D3 v7, the example uses `d3.geoPath` with the `geoAlbersUsa` projection to render the map as SVG paths, while a legendQuant scale displays the color-to-value mapping. The code also implements mouseover interactions that highlight states and tooltip text showing the poverty rate for each region.

EEunice Tu

90% match

Loading thumbnail…

D3 Choropleth Map

This D3 Choropleth Map visualizes U.S. county poverty rates for 2023. Each county is filled with a color from a threshold-based scale indicating the percentage of the population in poverty, with state averages used where county data is missing. The map uses a geoAlbersUsa projection and draws county boundaries via d3.geoPath, with hover interactions revealing a tooltip. Data is sourced from a remote CSV and county geometries from the us-atlas package.

Rragregory@dons.usfca.edu

90% match

Loading thumbnail…

Choropleth Map of County Data

This choropleth map displays poverty rates across U.S. counties, with each county filled using a green sequential color scale from d3.scaleThreshold and d3.schemeGreens[5]. The visualization loads county boundaries from a TopoJSON file and joins them with CSV poverty data via d3.map, rendering the geographic features as SVG paths using d3.geoPath. A legend with a linear scale and axisBottom shows the poverty percentage range, while state borders are drawn as white strokes using topojson.mesh. Tooltips provide exact poverty percentages on hover.

Ssayanighosal34

89% match