Untitled

100%

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

This map shows the population of individuals under 18 living in poverty across US counties in 2014, using red semi-transparent bubbles over a gray landmass with white state borders. The visualization loads TopoJSON data and renders it with `d3.geo.path` for geographic shapes, while bubble radii are scaled via `d3.scale.sqrt` based on population values. Hovering over a county triggers a tooltip displaying its name and population, and bubbles highlight with a darker stroke on mouseover. The SVG output includes static county and state paths, with the proportional bubbles layered on top.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization shows the under-18 population living in poverty across U.S. counties in 2014, using red semi-transparent bubbles overlaid on a map. Bubble size encodes population via a square-root scale, and tooltips display county names and populations on hover. The map is built with D3.js, using `d3.geo.path` for rendering topojson shapes, `d3.svg.arc` for bubble outlines, and `d3.json` to load data from a GitHub-hosted JSON file. The SVG output animates state borders and bubble hover effects.

JJingru Liu

94% match

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

81% match

Loading thumbnail…

Untitled

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.

IIsha Singh

80% match

Loading thumbnail…

Untitled

This choropleth map shows the population distribution across U.S. counties, with a color scale from light blue to red indicating population magnitude. The visualization is rendered as SVG using D3 v7, employing `d3.geoAlbersUsa` for projection and `d3.geoPath` to draw county boundaries from `counties.json`. Population data is loaded from `PopulationEstimates.csv` and matched to counties by name, with a tooltip showing county name and population on mouseover. The code uses a sequential color scale with an RGB interpolator.

Eeranyoung

80% match

Loading thumbnail…

County Bubbles

A map of the United States uses brown circles sized by county population, with a legend for reference and hover tooltips showing the county name and population. The visualization overlays these bubbles on a gray landmass with white state borders, placing each circle at its county’s centroid. Built with D3 v3, it loads a TopoJSON file containing merged county, state, and nation geometries, projects it via `d3.geo.albersUsa`, and draws the map with `d3.geo.path` while sizing bubbles with `d3.scale.sqrt`. Population data comes from the 2012 American Community Survey.

Mmbostock

79% match

Loading thumbnail…

Untitled

This visualization displays population density per square mile across U.S. census block groups using a choropleth map. A threshold color scale with d3.schemeOrRd maps density values to sequential red tones, while a legend with a sqrt scale and axis shows the breakpoints. The code loads TopoJSON data via d3.json, renders block group polygons with d3.geoPath, and overlays county boundaries as black outlines. An interactive legend is constructed with rect elements and d3.axisBottom.

CCurran Kelleher

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

77% match

Loading thumbnail…

Untitled

An interactive choropleth map of the United States visualizes county-level population data, sourced from a local `data/us.json` file. Users can click counties to trigger a zoom animation, which reveals their unique identifier via an alert. The map is rendered using D3's geo projection and path APIs, with selections and transitions handled through D3's selection, transition, and animation methods.

AAshishKumar3301

76% match