Skip to main content
SimilarExport ZIP
100%

Fork of AQI Data in America by county

✓ Published0🌍 Public
CChase Hall
Last edited Aug 11, 2022
Created on Aug 11, 2022

This choropleth map of U.S. counties uses a quantile color scale to display air quality index (AQI) values, with gray indicating missing data. A histogram below the map shows monthly mean AQI values over time. Users can brush over the histogram to filter the map to counties within a selected time range. The visualization combines React with D3 APIs including geoAlbers, geoPath, scaleQuantile, brushX, and histogram, rendering to SVG. Data is loaded from CSV and TopoJSON sources.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of AQI Data in America by county

A choropleth map of the United States displays county-level AQI values, colored with a quantile scale across a green-to-red gradient, with gray for missing data. A date histogram below (though not rendered in the visible SVG) is intended to show AQI trends over time. Built with React and D3 v5, the map uses `d3.geoAlbers` and `d3.geoPath` to draw county boundaries from TopoJSON, while `d3.csv` loads the air quality dataset and `d3.scaleQuantile` assigns colors.

Vvijaya321
96% match
Loading thumbnail…

Fork of AQI Data in America by county

This visualization shows the Air Quality Index (AQI) across American counties using a choropleth map, with each county colored on a quantile scale from green to red based on PM2.5 concentrations. The map is rendered as SVG using React and d3.geoAlbersUsa projection, with d3.geoPath drawing county boundaries from TopoJSON data. County-level pollutant data is loaded from a CSV file, and counties with missing data appear in grey. The color scale d3.scaleQuantile maps AQI values to a eight-color gradient, with d3.geoMesh rendering state interiors.

CChase Hall
96% match
Loading thumbnail…

AQI Data in America by county

This interactive visualization displays a choropleth map of air quality index (AQI) data across U.S. counties, with each county colored by its AQI value according to a quantile scale. A brushed time-series histogram below the map filters the displayed data by collection date, allowing users to explore how AQI varies temporally. The map uses d3.geoPath with a geoAlbers projection and topojson county boundaries, while counties without data appear gray. The histogram is built with d3.bin and d3.brushX, and the entire interface is rendered as SVG within a React framework, reading from a CSV dataset.

CChase Hall
93% match
Loading thumbnail…

Fork of AQI Data in America by county

This visualization maps Air Quality Index (AQI) data by US county, coloring each county based on its PM2.5 concentration using a quantile color scale from green to red. The map uses `d3.geoAlbers` with `d3.geoPath` to render county boundaries, with counties lacking data shown in grey. The data is loaded from a CSV file and rendered as an SVG within a React application, utilizing the D3.js library.

CChase Hall
93% match
Loading thumbnail…

Fork of Fork of AQI Data in America by State

A choropleth map of the United States colors each state by its average Air Quality Index (AQI), using a quantile color scale with eight green-to-red bins. A white fill marks states without data. The visualization pairs the map with a time-series histogram showing monthly mean AQI values, though the histogram is not visible in the final render. Built with React and D3 v5, the map uses `d3.geoAlbersUsa` and `d3.geoPath` to project TopoJSON state boundaries from the us-atlas package, while the histogram applies `d3.bin` and `d3.brushX` for interactive filtering of the map by date range. Data comes from a CSV of ozone measurements.

UUmarani Vemula
92% match
Loading thumbnail…

Fork of Fork of AQI Data in America by State

This visualization displays US Air Quality Index (AQI) data as a choropleth map, where each state is filled with a color representing its average AQI value. A time-series histogram of AQI readings is also present, allowing users to brush over a date range to filter the map's displayed data. Built with React and D3 v5, the map uses the `geoAlbersUsa` projection and `geoPath` to render state boundaries from TopoJSON, while the histogram uses `scaleTime` and `histogram` to bin data. The dataset is loaded via `d3.csv` from a GitHub-hosted CSV file.

NNIRANJANAN24
91% match
Loading thumbnail…

Fork of Fork of AQI Data in America by State

This visualization combines a choropleth map of average AQI values by U.S. state with a linked time-series histogram. The map uses d3.geoPath and d3.geoAlbersUsa to render state boundaries, with colors assigned via d3.scaleQuantile. A brush on the histogram filters the map to show only data within a selected date range. The histogram bins daily AQI readings by month using d3.histogram and displays the mean value per bin. React manages the state and rendering, with data loaded from a CSV file.

IItacheeeey
89% match
Loading thumbnail…

Fork of AQI Data in America by State

This interactive visualization presents daily AQI measurements across U.S. states on a choropleth map, where each state’s fill color reflects its average AQI using a quantile color scale. A linked date histogram below enables brushing to filter the map to a selected time range, with the map updating to show only those states’ data. Built with React and D3 v5, it uses `d3.geoAlbersUsa` and `d3.geoPath` for map projection, `d3.scaleQuantile` for coloring, and `d3.brushX` for interactive selection. The data comes from a CSV file loaded via `d3.csv`.

EEarnAnurat
89% match