Choropleth map in D3

test Choropleth map in D3

This choropleth map displays poverty estimates for US counties in 2021, with each county shaded according to its poverty rate using a blue sequential color scale and a legend with tick marks. The visualization also includes state boundary outlines overlaid on the county polygons. Built with D3 v5, the map uses `d3.json` to load TopoJSON data from the us-atlas collection and `d3.csv` to parse county-level poverty rates, then renders the geography via `d3.geoPath` and `topojson.feature`. The color encoding applies `d3.scaleThreshold` and `d3.schemeBlues`, while an axis legend is generated with `d3.axisBottom`.

94% match

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

93% match

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.

93% match

A9 Choropleth Map in D3

This choropleth map visualizes poverty rates across U.S. counties, using a blue sequential color scale to encode the percentage of residents in poverty for 2021. County boundaries are rendered as SVG paths via `d3.geoPath()` from TopoJSON data, while color values are mapped from a CSV dataset joined by FIPS codes. The map includes a hover tooltip via SVG `<title>` elements, and missing data appears gray. It uses D3 v7, TopoJSON, and d3-legend for potential legend support.

EEric Yao

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.

Homelessness Choropleth map

This choropleth map visualizes poverty estimates for US counties in 2021, using a blue color scale to encode the percentage of the population living in poverty as classified by the USDA. The map is rendered as an SVG using the D3.js v5 library and the `d3.geoPath` projection system. County data is loaded from a CSV file, while the geographic boundaries come from a TopoJSON file, with colors assigned via `d3.scaleThreshold` and a legend positioned along the top.

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

Fork of test Choropleth map in D3

This choropleth map visualizes 2021 poverty estimates across U.S. counties and states using a blue sequential color scale. It displays data from the Census Bureau’s Small Area Income and Poverty Estimates program, with unemployment rates mapped to geographic regions. The visualization uses D3 v6 and the topojson library to project and render the map, employing `d3.geoAlbersUsa()` for the projection and `d3.geoPath()` to draw shapes. An interactive tooltip appears on hover, revealing each county’s name and poverty rate.