Fork of map with aqi data with histogram

100%

Fork of map with aqi data with histogram

✓ Published1🌍 Public

Last edited Dec 5, 2022

Created on Jul 28, 2022

Forked from AQI in America 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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% 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

91% 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

90% match

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

90% 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

89% 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

89% match

Loading thumbnail…

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

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.

SSelena Ding

89% match

Loading thumbnail…

AQI in America with Histogram

This example combines a choropleth map of U.S. states with a histogram of air quality index (AQI) values over time. The map uses d3.geoAlbersUsa projection and d3.geoPath to draw state boundaries, with circles positioned by latitude and longitude and colored by a d3.scaleQuantile. The histogram below aggregates AQI readings by month using d3.histogram and d3.timeMonths, computing monthly means. Both visualizations are rendered as SVG within a React component, using data from a CSV file of ozone measurements.

CChase Hall

89% match