Fork of Fork of new data

100%

Fork of Fork of new data

✓ Published2🌍 Public

Last edited Dec 2, 2022

Created on Dec 2, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

94% match

Loading thumbnail…

Fork of Fork of new data

This interactive map shows US county-level PM2.5 air pollution concentration changes from 2000 to 2021. A vertical slider controls the year, with a play button animating through time. The map renders with d3.geoPath and geoIdentity using SVG paths, colored by a sequential YlGnBu scale. Each county path includes a tooltip displaying the state, county name, and pollution value. The visualization updates its 975×500 SVG at each year change, with data loaded from CSV files.

Iion.cojoc@gmail.com

93% match

Loading thumbnail…

Fork of Pollution in US with counties by React and d3

This choropleth map of US counties visualizes PM2.5 concentration per year from 2000 to 2018, allowing users to select a specific year or trigger a play animation that cycles through the data. The map colors each county using a sequential YlGnBu color scale via `d3.scaleSequential` and `d3.interpolateYlGnBu`, with grey indicating missing data. The map is rendered with `d3.geoPath` and a `geoIdentity` projection, while a slider and play button control the temporal dimension. Data comes from a CSV file of county-level PM2.5 values, and county boundaries from the US Atlas TopoJSON.

AAndrey Getmanov

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

92% 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 poverty in counties by React and d3

This choropleth map visualizes PM2.5 concentration across U.S. counties from 2000 to 2020, with an animated slider that plays through years. React manages the UI state while d3.geoPath renders county and state boundaries from the US Atlas TopoJSON. A sequential d3.scaleSequential with interpolateYlGnBu colors each county by its yearly value, with a linear gradient legend showing the 0–19 scale. Hovering reveals county names and concentration values via SVG title elements, and missing data appears grey.

SSurikanti Swathi

91% match

Loading thumbnail…

new fork

This interactive choropleth displays PM2.5 air pollution concentrations across US counties, with a color gradient from light to dark blue indicating higher values, alongside a slider to animate through years 2018–2021. Built with React and D3 v5, it uses `d3.geoPath` with a `geoIdentity` projection to render county and state boundaries from TopoJSON, while `d3.scaleSequential` with `interpolateBlues` maps data values to fill colors. A play button triggers a JavaScript interval that advances the year, updating the rendered SVG paths and the static color legend.

PPavan Nimmagadda

91% match