Skip to main content
SimilarExport ZIP
100%

D3geo Playbox

✓ Published0🌍 Public
AAndre J Denais
Last edited Jul 29, 2021
Created on Jul 24, 2021
Forked from World Map II

This map of US counties visualizes county-level PM2.5 air quality data by year, with each county colored according to its pollution level and gray when no data is available. The visualization uses d3.geoPath and d3.geoIdentity for geographic projection, d3.scaleOrdinal with a color scale for data encoding, and TopoJSON from the US Atlas for county boundaries. React manages the component lifecycle, while the D3 data joins render SVG paths with tooltips showing county name, state, and measurement value. The underlying CSV data is loaded via d3.csv and filtered by year.

AI-generated description

A geojson map of the USA.

MIT Licensed

Similar vizzes

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
85% 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
85% 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
84% 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
84% 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
84% 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
84% 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
83% 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
83% match