Untitled

100%

✓ Published0🌍 Public

Last edited Apr 14, 2022

Created on Feb 22, 2022

A choropleth map of the United States displays county-level poverty rates, colored with a threshold scale using a green sequential scheme. The visualization includes a legend with a color bar and labeled ticks. The code uses D3 v5 and the `d3.geoPath` and `d3.scaleThreshold` APIs, along with TopoJSON for US county boundaries and a CSV data file for the rates.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

A choropleth map of US counties depicts poverty rates using a threshold color scale with a green sequential scheme. The visualization loads TopoJSON geographic data via `d3.json` and joins it with CSV values using `d3.map`. It renders county boundaries with `d3.geoPath`, overlays state borders, and includes a legend with an axis. The map also uses `d3.axisBottom` and `d3.scaleThreshold` for color classification.

Rryan-dirajlal

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

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

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

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

87% match

Loading thumbnail…

Untitled

A choropleth map of population density per square mile colors U.S. census block groups using a threshold scale and the sequential color scheme `d3.schemeOrRd[9]`. The visualization includes a square-root-scaled legend with an axis, and overlays county boundaries as black strokes at 30% opacity. The code loads TopoJSON data via `d3.json`, converts it with `topojson.feature`, and renders it with `d3.geoPath`. The legend uses `d3.scaleThreshold` and `d3.axisBottom`. The map is built with D3 v4 and React in the supporting files.

AAlice Hua

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

86% match

Loading thumbnail…

A9 Choropleth Map in D3

This example displays a choropleth map of poverty rates across U.S. counties, using a sequential blue color scale to encode percentages from 0 to 100. It loads county boundaries from the TopoJSON `us-10m.v1.json` dataset and merges them with CSV data containing poverty estimates. The map is rendered as SVG paths via `d3.geoPath` with an AlbersUSA projection fit to the viewport, while `d3.scaleSequential` with `d3.interpolateBlues` determines each county’s fill color.

EEric Yao

86% match