Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
SSelena Ding
Last edited Dec 14, 2022
Created on Dec 14, 2022

This visualization combines a bubble map of 2021 Air Quality Index (AQI) data across the United States with an interactive date histogram, linked through brushing. The map projects data points using `d3.geoAlbersUsa` and `d3.geoPath`, with circle colors mapped via `d3.scaleQuantile` to a scale of AQI ranges. The histogram aggregates data by month with `d3.histogram` and `d3.scaleTime`, displaying mean AQI values. Users can brush a time range (via `d3.brushX`), which filters the map to show only the selected period using React state and `d3.csv`-loaded US EPA data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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

This interactive map of U.S. Air Quality Index (AQI) data for 2021 uses a d3.geoAlbersUsa projection with d3.geoPath to render state boundaries, while a quantitative color scale encodes AQI values at each monitoring site. A linked d3.brushX histogram below the map shows monthly mean AQI, and brushing a time range filters the map’s bubbles to show only data from that period. The visualization is built with React, uses d3.scaleQuantile for color mapping, and d3.histogram for binning, with data loaded via d3.csv from a GitHub source.

SSelena Ding
97% match
Loading thumbnail…

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

This visualization displays daily Air Quality Index (AQI) readings across the United States in 2021, combining a geographic scatterplot with a synchronized time-series histogram. Users can brush over the histogram to filter the map’s colored circles by date, with color intensity reflecting AQI levels. The map uses `d3.geoAlbersUsa` and `d3.geoPath` to render state boundaries, while the histogram employs `d3.bin`, `d3.scaleTime`, and `d3.brushX` for interactive selection. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and React manages component state for the brushing extent.

Aastrologyhesitant
96% 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
95% match
Loading thumbnail…

AQI Data in America in 2021 with Histogram and Brushing

This interactive visualization displays Air Quality Index (AQI) data across the United States in 2021, combining a bubble map with a linked histogram. Users can brush over the time-series histogram to filter which data points appear on the map. The map uses d3.geoAlbersUsa and d3.geoPath to render state boundaries, while colored circles indicate AQI values using d3.scaleQuantile. The histogram is built with d3.bin and d3.brushX, with data loaded from a CSV file containing ozone measurements.

CChase Hall
93% match
Loading thumbnail…

Json AQI Data in America with Histogram and Brushing

This interactive visualization displays US Environmental Protection Agency Air Quality Index (AQI) readings for ozone monitoring sites, overlaid as colored circles on a geographic map of the United States. The map uses d3.geoAlbersUsa with d3.geoPath, and each circle’s color reflects its AQI value via a d3.scaleQuantile. A brushing histogram at the bottom, built with d3.brushX and d3.bin, filters the map’s circles by date range, with the time series generated using d3.scaleTime and d3.timeMonths. The application is built in React with D3 v5, rendering all elements as SVG.

CChase Hall
89% match
Loading thumbnail…

Fork of map with aqi data with histogram

This interactive visualization combines a map of U.S. states with a time-based histogram of air quality index (AQI) values. The map shows data points as blue circles, with radius scaled by AQI using a square-root transform. A separate histogram displays the monthly average AQI over time, binned by month. The visualization uses React with D3 v5 APIs, including `d3.geoAlbersUsa` and `d3.geoPath` for map projection and rendering, and `d3.histogram` with `timeMonths` for binning. Data is loaded from a CSV file containing ozone samples with geographic coordinates and dates.

CChase Hall
89% 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
88% 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
88% match