Skip to main content
SimilarExport ZIP
100%

PM 2.5 Particle Change in US

✓ Published4🌍 Public
Mmandadi1999
Last edited Jul 27, 2023
Created on Jul 27, 2023
Forked from D3 Starter

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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
94% 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
93% match
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
93% 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
92% 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.

爬爬爬
91% match
Loading thumbnail…

more chloropleth

This interactive choropleth maps fine particulate matter (PM2.5) concentrations across U.S. counties from 2000 to 2021, with a slider and play button animating through years. Each county’s fill color transitions smoothly via `scaleSequential` and `interpolateYlGnBu`, while hovering reveals state and value details. Built with React and D3 v5, it uses `geoIdentity` with `geoPath`, TopoJSON from the us-atlas library, and CSV data fetched via `d3.csv`, rendering SVG paths that update with `transition` styling.

EElijah D'Aran
87% 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
86% 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
86% match