Skip to main content
SimilarExport ZIP
100%

PM2.5 in US

✓ Published0🌍 Public
BBo Yang
Last edited Nov 30, 2021
Created on Nov 28, 2021

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.

AI-generated description

The final version of the Data Visualization final project.

Data of PM2.5 concentration from PM2.5 by County.

County and state boundries from US county altas.

Adapted and extended from Mass School District Boundaries

Inspired by Choropleth.

MIT Licensed

Similar vizzes

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
93% 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
89% 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
88% match
Loading thumbnail…

Fork of PM 2.5 Particle Change in US

This interactive map displays PM2.5 particle concentrations across US counties from 2000 to 2018. A slider and play button animate through yearly data, with a sequential YlGnBu color scale mapping concentration values. The visualization uses React with D3 v5’s `geoPath` and `geoIdentity` projections to render county boundaries from TopoJSON data, while county-level PM2.5 values are loaded from a CSV file. Hover tooltips reveal state and concentration details, and the color legend provides axis ticks for reference.

OOOWUOR
88% match
Loading thumbnail…

Fork of PM 2.5 Particle Change in US_test

This animated choropleth map visualizes changes in PM2.5 particle concentrations across U.S. counties from 2000 to 2018. Users can scrub through years via a vertical slider or trigger automatic playback, with color intensity reflecting pollution levels via a d3.interpolateYlGnBu sequential scale. Built with React and D3 v5, the SVG map uses d3.geoPath with a geoIdentity projection for county boundaries, while a ColorLegend component renders a gradient bar with tick marks. The data is loaded via d3.csv, and each state’s border is highlighted on hover.

爬爬爬
87% match
Loading thumbnail…

Pollution in US with counties by React and d3

This choropleth map displays PM2.5 air pollution concentrations across US counties for the year 2000, with counties lacking data rendered in grey. Built with React and d3.v5, the visualization uses `d3.geoIdentity` and `d3.geoPath` to project county boundaries from a TopoJSON atlas, while a `d3.scaleSequential` with an `interpolateYlGnBu` color scheme encodes pollution values. The data originates from a CSV file of county-level PM2.5 measurements, filtered through a custom React hook and passed as a Map to the SVG marks component.

AAbdul Salam Almadani
87% 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
87% match
Loading thumbnail…

Pollution in US with counties with color legend

A choropleth map of the United States displays PM2.5 concentration levels for counties in the year 2000, using a sequential YlGnBu color scale from d3.interpolateYlGnBu. County boundaries come from the US Atlas TopoJSON file, rendered as SVG paths via d3.geoPath and geoIdentity. A linear gradient legend annotates the concentration scale. Data is loaded from a CSV using d3.csv and filtered into a Map for lookup. The visualization is built with React and D3 v5.

Nnadia-el
86% match