Two Decades of Pollution in US

100%

Two Decades of Pollution in US

✓ Published1🌍 Public

Last edited Oct 8, 2020

Created on Sep 16, 2020

This visualization shows PM2.5 pollution across US counties for the year 2000, using a choropleth map colored by concentration levels. It builds the map with vega-lite-api, joining county GeoJSON topojson data with a PM2.5 CSV dataset via a lookup transform. The visualization uses an Albers USA projection, encodes the pollution values on a clamped color scale, and renders tooltips showing exact concentrations. It integrates D3 version 5 and React for the interface setup.

AI-generated description

The source dataset of this visualization is PM2.5 by County. It shows the changes of pm2.5 concentration of the US of 2000.

Each region block represents the pm2.5 concentration of the county.

MIT Licensed

Similar vizzes

Loading thumbnail…

Two Decades of Pollution in US with menus

This interactive choropleth map displays PM2.5 concentration across US counties for each year from 2000 to 2004, with a React-driven dropdown menu to switch between annual datasets. The visualization uses Vega-Lite’s `markGeoshape` with an Albers USA projection, joining county-level pollution data from a CSV via `vl.lookup`, and encodes concentration values with a clamped color scale. React’s `useState` and a custom `Dropdown` component control the selected year, triggering a re-render of the Vega view. The underlying data comes from the PM2.5 by County dataset, with styling drawn from d3’s `hcl` color utilities.

Ggeorgeeeee

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

89% match

Loading thumbnail…

Pollution in US with counties with color legend

This visualization displays PM2.5 concentration levels for US counties in the year 2000, with each county colored according to its pollution level. Counties without data appear in grey, while the color legend uses d3.interpolateYlGnBu to map concentration values. The map uses d3.geoPath with a geoIdentity projection fitted to US county boundary data from the US Atlas TopoJSON. The React-based implementation loads CSV data containing PM2.5 measurements and creates a Map for lookups, encoding values through a d3.scaleSequential color scale.

Ggeorgeeeee

89% match

Loading thumbnail…

Pollution in US with counties by React and d3

This interactive choropleth visualizes PM2.5 pollution levels across US counties from 2000 to 2018. Users can drag a vertical slider or press a play button to animate through years, with county colors transitioning smoothly via the sequential `d3.interpolateYlGnBu` scale. Built with React and D3 v5, it uses `d3.geoPath` and `geoIdentity` projection to render county boundaries from the US Atlas TopoJSON, while county pollution data is loaded from a CSV and mapped to each feature. The legend displays the concentration range, and hovering over a county reveals its name and value.

Ggeorgeeeee

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

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

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

85% match

Loading thumbnail…

USA pm25 pollotion

This interactive choropleth map displays PM2.5 pollution concentrations across US counties from 2018 to 2021. A sequential color scale using d3.interpolateReds shades counties, with a slider and play button animating through years. Built with React and d3-array, the visualization uses d3.geoPath and geoIdentity projection to render county boundaries from US Atlas TopoJSON data. A color legend with a linear gradient shows the concentration scale, and hovering reveals county names and values via SVG titles.

PPavan Nimmagadda

85% match