Skip to main content
SimilarExport ZIP
100%

D3 Choropleth Map

✓ Published1🌍 Public
Rragregory@dons.usfca.edu
Last edited Apr 15, 2025
Created on Apr 14, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

D3 - Choropleth

This choropleth map visualizes poverty rates across U.S. counties in 2022, with counties colored according to a blue sequential threshold scale and state boundaries overlaid in white. The visualization includes an interactive legend and a tooltip that displays county name, state, and poverty value on mouseover. The code uses d3.geoPath to render geographic shapes, d3.scaleThreshold with d3.schemeBlues for color mapping, and topojson.feature to process the US county data. Data is loaded from a CSV file and merged with US TopoJSON geometry, with the rendering handled in SVG.

CChandana Srinivas
91% match
Loading thumbnail…

Choropleth map

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.

KKwasi Acquaye
90% match
Loading thumbnail…

A9 Choropleth Map D3

This choropleth map visualizes U.S. county poverty rates for 2023, using a blue quantized color scale to encode the data and rendering SVG paths for each county with an Albers USA projection. It loads county boundary geometry from the us-atlas TopoJSON package and joins it to poverty CSV data keyed by FIPS code. Interactive tooltips appear on mouseover, displaying the county FIPS code and its poverty rate via d3’s event handling and DOM manipulation. The visualization uses d3.scaleQuantize and d3.geoPath for projection and drawing.

Nnathanjmuljadi@gmail.com
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
90% 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…

d3 choropleth map

This choropleth map visualizes the estimated number of people in poverty per U.S. county for 2021, using a logarithmic color scale from white to dark orange. Hovering over a county reveals its exact poverty count via a tooltip. Built with D3 v5, the map uses `d3.geoPath` and `d3.scaleThreshold`, drawing county and state boundaries from topojson data, with a legend and color encoding derived from the `d3-scale-chromatic` scheme. The poverty data is loaded from a CSV containing FIPS codes and county-level values.

AAndrew
90% match
Loading thumbnail…

Choropleth Map of County Data

A choropleth map of U.S. counties visualizes poverty rates as filled paths, with a color legend and axis labeling the percentage scale. Built with d3.v5, it loads TopoJSON county boundaries and a CSV of poverty data, then uses d3.geoPath to render SVG shapes and d3.scaleThreshold with d3.schemeGreens for the color encoding. State borders are drawn as white mesh lines, and hover tooltips show each county’s exact rate.

Yyqinolive
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
89% match