Skip to main content
SimilarExport ZIP
100%

Fork of AQI Data in America by State

✓ Published0🌍 Public
EEarnAnurat
Last edited Oct 27, 2022
Created on Oct 27, 2022

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of AQI Data in America by State

This interactive dashboard displays AQI data across American states on a choropleth map, with a linked time-series histogram below. The map fills each state with a color from a quantile scale based on its average AQI, while the histogram shows monthly mean AQI values using `d3.bin` and a brush for temporal filtering. Built with React and D3 v5, it uses `geoAlbersUsa` and `geoPath` for map projections and SVG rendering, sourcing data from a CSV of ozone measurements.

Wwakgari
95% 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. Below the map, a brushable time-series histogram displays monthly AQI means, enabling users to filter the map’s data by date range. Built with React and D3 v5, it uses `geoAlbersUsa` and `geoPath` for the map projection and `scaleQuantile` for color encoding, with data loaded from a CSV. The brush applies a `brushX` interaction to adjust the histogram’s visible domain.

HHOURPRIMERA@GMAIL.COM
95% 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
95% 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
94% 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
94% match
Loading thumbnail…

AQI (or any data) Data in America by State

This interactive visualization combines a choropleth map of the United States with a linked time-series histogram to explore Air Quality Index (AQI) data by state. The map, rendered with d3.geoPath and geoAlbersUsa, colors each state using a quantile scale based on AQI values. The histogram below aggregates daily readings into monthly bins, and users can brush across it to filter the map’s coloring. Built with React and d3.v5, it loads CSV data from a GitHub gist and US state boundaries from a TopoJSON file.

TToly
92% match
Loading thumbnail…

Fork of AQI Data in America in 2021 with Histogram and Brushing

This interactive visualization combines a choropleth map of US states with a histogram of AQI values over time, using linked brushing to filter data points on the map. The map displays circles colored by a quantile scale ranging from green to red based on AQI levels, while the histogram shows monthly average AQI values. Users can brush a time range on the histogram, which dynamically filters which data points appear on the map. The visualization uses d3.geoAlbersUsa and d3.geoPath for the map projection, d3.histogram for binning, and d3.brushX for the interactive selection, all rendered as SVG within a React framework.

AAndre J Denais
92% match
Loading thumbnail…

AQI Data in America by State

A choropleth map of the United States colors each state by its average Air Quality Index (AQI) value, using a quantile color scale ranging from green to red. A linked time-series histogram below displays monthly mean AQI values, with a brushable interface that filters the map’s state colors based on the selected date range. The visualization uses React and D3 v5, with `d3.geoAlbersUsa` and `d3.geoPath` for map rendering and `d3.brushX` for interactive filtering. Data comes from a CSV of ozone samples collected nationwide.

CChase Hall
92% match