more chloropleth

100%

more chloropleth

✓ Published0🌍 Public

Last edited Mar 22, 2023

Created on Mar 22, 2023

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.

AI-generated description

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

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

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

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

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

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

86% 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.

爬爬爬

86% match

Loading thumbnail…

Fork of Pollution in US with counties by React and d3

This interactive choropleth shows the concentration of PM2.5 particulate matter across US counties for each year from 2000 to 2018, with a slider and play button animating through time. County colors map to the sequential `d3.scaleSequential` with `d3.interpolateYlGnBu`, while state boundaries are drawn with `d3.geoPath` and `geoIdentity` from US Atlas TopoJSON data. React manages the year state and SVG rendering, with a D3 color legend showing the concentration scale.

Aall-over-yet

86% match