slides bar

100%

✓ Published0🌍 Public

Last edited May 4, 2023

Created on May 4, 2023

A choropleth map of the United States displays county-level PM2.5 air pollution data across years, with a vertical slider and play button to animate through time from 2000 to 2021. Built with React and D3 v5, the visualization uses d3.geoPath with a geoIdentity projection to render county boundaries and a sequential YlGnBu color scale to encode particulate concentrations, allowing users to observe spatial and temporal pollution trends.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

PM2.5 in US

A choropleth map of the United States displays county-level PM2.5 concentration for each year from 2000 to 2018, using a yellow-to-blue color scale to indicate air pollution levels. An interactive vertical slider and a play button animate through the years. Built with React and D3, it uses `d3.geoPath` for the map, `d3.interpolateRdYlBu` for the color gradient, and TopoJSON for state and county boundaries. Data comes from county PM2.5 measurements, with missing areas in grey.

BBo Yang

86% match

Loading thumbnail…

Fork of new data

This interactive choropleth map shows annual PM2.5 air pollution levels across U.S. counties from 2000 to 2021, with a slider and play button animating through years. County polygons are colored using d3.scaleSequential with a reversed YlGnBu interpolator, while uncolored areas appear grey. The visualization uses React hooks for state management, d3.csv for data loading, topojson.feature for county and state boundaries, and d3.geoPath with geoIdentity projection for rendering SVG paths. State borders are drawn as a separate mesh layer, and tooltips display county names and values.

CChase Hall

85% match

Loading thumbnail…

Pollution in US with counties by React and d3

This interactive choropleth visualizes PM2.5 pollution levels across US counties from 2000 to 2018. Users can drag a vertical slider or press a play button to animate through years, with county colors transitioning smoothly via the sequential `d3.interpolateYlGnBu` scale. Built with React and D3 v5, it uses `d3.geoPath` and `geoIdentity` projection to render county boundaries from the US Atlas TopoJSON, while county pollution data is loaded from a CSV and mapped to each feature. The legend displays the concentration range, and hovering over a county reveals its name and value.

Ggeorgeeeee

85% match

Loading thumbnail…

Fork of PM 2.5 Particle Change in US

This interactive choropleth map shows the change in PM2.5 particulate matter concentrations across US counties from 2000 to 2018. A vertical slider and play button animate through years, with counties colored on a sequential YlGnBu scale where darker blue indicates higher pollution levels. The visualization uses D3 v5 geo projections via `d3.geoIdentity` and `d3.geoPath` to render TopoJSON county boundaries from the US Atlas, with React managing the state and year updates. County-level PM2.5 data comes from a CSV file, and hover tooltips display exact values.

Xxychen0612.cs09@nycu.edu.tw

85% match

Loading thumbnail…

Fork of Pollution in US with counties by React and d3

This choropleth map shows the concentration of PM2.5 air pollution across US counties from 2000 to 2018, with an animated play button and slider enabling temporal exploration. County colors encode pollution levels using a sequential YlGnBu scale, while state boundaries highlight administrative context. The visualization is built with React and D3 v5, using `geoPath` with `geoIdentity` projection to render SVG county shapes from US Atlas TopoJSON, with data from a CSV of county-level PM2.5 measurements.

MMar-99

85% match

Loading thumbnail…

PM 2.5 Particle Change in US

This interactive choropleth map visualizes annual PM2.5 particle concentrations across US counties from 2000 to 2018. A slider and play button animate through years, updating county fill colors via d3.scaleSequential with interpolateYlGnBu. The visualization uses d3.geoPath with geoIdentity projection, TopoJSON county and state boundaries, and React state management for temporal navigation. County-level data comes from a CSV file, with hover tooltips showing exact values.

Mmandadi1999

84% match

Loading thumbnail…

Fork of PM 2.5 Particle Change in US

This interactive choropleth map visualizes PM2.5 particle concentration changes across US counties from 2000 to 2018. A slider, oriented vertically on the left with auto-play, lets users scrub through the years, revealing shifting pollution hotspots. Each county polygon is filled using a `d3.scaleSequential` with `interpolateYlGnBu` color scale, where darker blues represent higher concentrations. Built with React and D3 v5, it uses `d3.geoPath` with an Albers projection on topojson data, and includes a gradient legend with tick marks for reference.

DDonald Bagwell

84% match

Loading thumbnail…

Fork of Pollution in US with counties by React and d3

This choropleth visualizes PM2.5 air pollution concentrations across US counties from 2000 to 2018, with a slider and play button animating through years. County colors map to concentration values via a quantile scale, while county and state boundaries are rendered using d3.geoPath with TopoJSON data from the US Atlas. React manages the interactive year state, and d3 provides the color interpolation and legend scales. Hovering reveals county names and exact values through SVG titles.

CChase Hall

84% match