test Choropleth map in D3

100%

test Choropleth map in D3

✓ Published1🌍 Public

Last edited Apr 1, 2024

Created on Mar 31, 2024

Forked from Fork of 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`.

AI-generated description

Choropleth Map for Poverty Estimate for US Counties in 2021.

Reference to State Choropleth Map

MIT Licensed

Similar vizzes

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

94% match

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

93% match

Loading thumbnail…

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.

EEunice Tu

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

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

92% match

Loading thumbnail…

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

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

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

91% match