Skip to main content
100%

Gist f122bb03086cd80b0d17

✓ Published0🌍 Public
Aandrewxhill
Last edited May 12, 2014
Created on May 12, 2014

A choropleth map displays particulate matter (PM2.5) pollution levels across North American regions for each year from 2000 to 2012, with color-coded polygons indicating concentration ranges. The visualization uses CartoDB.js to render the map and includes an interactive year selector that switches between temporal layers. A tooltip shows city-level data, while a separate toggle displays or hides point markers for cities, each styled with graduated color scales based on PM2.5 values.

AI-generated description

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
78% match
Loading thumbnail…

PM2.5 Around the World

This choropleth map visualizes global PM2.5 air pollution concentrations for the year 2011, using a grayscale color scale to represent exposure levels across countries. Missing data is marked with a diagonal hash pattern. The visualization uses d3.geoPath with a natural Earth projection, d3.scaleQuantize for color mapping, and d3.zoom for interactive panning. Data comes from a Kaggle dataset processed via TopoJSON and CSV files, with a custom colorLegend component displaying the value ranges for each shade.

Rrioto9858
78% match
Loading thumbnail…

PM2.5 Around the World

This interactive visualization displays PM2.5 air pollution levels for countries worldwide from 2010 to 2017. A choropleth map, rendered using d3.geoPath and d3.geoNaturalEarth1, color-codes each country by its annual mean PM2.5 concentration. Users can select a year via a slider, which updates both the map and a line chart showing pollution trends for all countries. Hovering or clicking a country highlights its data in red on the line chart. The data is sourced from Kaggle's PM2.5 Global Air Pollution dataset.

Rrioto9858
77% 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
77% 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
77% 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.

爬爬爬
76% 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
76% 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
76% match