Choropleth Map of County Data

100%

Choropleth Map of County Data

✓ Published2🌍 Public

Last edited Feb 19, 2019

Created on Feb 19, 2019

Forked from Untitled

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.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes

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

95% match

Loading thumbnail…

Choropleth Map of County Data

A choropleth map shades U.S. counties by poverty rate, with a color legend and state boundaries overlaid. The visualization loads GeoJSON topology and CSV data via promises, then uses `d3.geoPath` and TopoJSON to render county shapes, while `d3.scaleThreshold` and `d3.schemeGreens` map poverty percentages to fill colors. County paths include tooltips showing the exact rate, and an axis below the map labels the legend’s tick values.

YYash G

95% 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

95% 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

95% match

Loading thumbnail…

Choropleth US Poverty 1980 to 2020

This interactive choropleth maps U.S. county-level poverty rates from 1980 to 2020, using color intensity to show geographic disparities over time. Built with D3 v7 and TopoJSON, it renders county polygons via `d3.geoPath` and applies a quantizing color scale with `d3.schemeBlues` to encode values. The visualization includes state borders for context and hover titles revealing county names and rates. Poverty data originates from the U.S. Census Bureau's historical tables, with geographic boundaries from a counties-albers-10m TopoJSON file.

PPeter Cordone

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…

MAP - CHOROPLETH

This choropleth map displays poverty rates across U.S. counties, with darker blue shades indicating higher percentages and a legend showing the scale from 2% to 18%. The visualization uses d3.geoPath to render TopoJSON county and state boundaries, while d3.scaleThreshold maps poverty values from a CSV dataset to a d3.schemeBlues color range. A linked axis legend with percentage labels is generated using d3.axisBottom.

YYash G

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