Skip to main content
SimilarExport ZIP
100%

Fork of PM 2.5 Particle Change in US_test

✓ Published0🌍 Public
爬爬爬
Last edited Sep 15, 2023
Created on Sep 15, 2023

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.

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 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
96% 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
95% 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
95% 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
91% 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
91% 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
91% match
Loading thumbnail…

Fork of Fork of Pollution in US with counties by React and d3

This choropleth map visualizes PM2.5 pollution levels across U.S. counties from 2000 to 2018, with each county colored on a sequential YlGnBu scale. Users can scrub through years via a vertical slider to animate changes over time. The map uses React to manage state and render SVG paths generated with `d3.geoPath` and a `geoIdentity` projection, with county boundaries drawn from the us-atlas TopoJSON. Data is loaded from a CSV of county-level pollutant measurements, and the animation uses a timed `setInterval` loop to advance the year automatically.

CChase Hall
90% match
Loading thumbnail…

Fork of Fork of new data

This interactive choropleth map displays annual PM2.5 air pollution levels across U.S. counties from 2000 to 2021, with users scrubbing a vertical slider or clicking "play" to animate through years. State boundaries remain visible while county fill colors shift along a sequential YlGnBu scale, with gray representing missing data. Built with React and React hooks, the visualization uses d3.csv, d3.json, and topojson to load data and county geometries, then renders SVG paths via d3.geoPath and geoIdentity. A rotating slider and datalist labels enable temporal exploration.

CChase Hall
90% match