Untitled

100%

✓ Published0🌍 Public

Last edited Nov 15, 2022

Created on Oct 19, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

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.

JJoshua chirchir

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

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

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

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

76% match

Loading thumbnail…

A9 Choropleth

This choropleth visualizes U.S. county-level poverty rates for 2021, with each county colored along a threshold scale of green shades; hovering reveals a tooltip with the county name and its exact percentage. The map is rendered as SVG using D3 v7’s `d3.geoPath` and TopoJSON `topojson.feature` to draw county boundaries, while a separate mesh path outlines counties lacking data. Poverty data is loaded from a CSV via `d3.csv`, and the color legend is generated with the d3-legend library. The visualization also includes a title and uses a linear scale to position the legend.

NNoah C.

76% match

Loading thumbnail…

A9- World Chloropleth

This choropleth visualizes poverty rates across U.S. counties using a threshold color scale with seven shades of red. It renders county boundaries as SVG paths via `d3.geoPath` and topojson, with each county filled according to its poverty value from a CSV dataset. Interactive tooltips display the county name and poverty figure on mouseover, powered by D3 event handlers. The visualization relies on d3.v6, topojson.v2, and d3-legend.

Jjrcuster@dons.usfca.edu

76% match

Loading thumbnail…

A9: D3 Choropleth Map

This choropleth map visualizes county-level poverty population data for 2023 across the United States. It uses a quantile color scale with six classes from light pink to dark red to show the distribution of poverty counts. Built with D3.js and TopoJSON, the map renders county boundaries as SVG paths using `d3.geoPath`, and includes interactive tooltips that display county names and data values on hover. The data is loaded from a local CSV file and joined to geographic features by FIPS codes.

Rronnieferrufino4908@gmail.com

76% match