AQI data in America over histogram

100%

AQI data in America over histogram

✓ Published0🌍 Public

Last edited Jul 28, 2022

Created on Jul 27, 2022

This visualization maps Air Quality Index (AQI) data across the United States, displaying each monitoring site as a circle sized proportionally to its AQI value. The map uses a `geoAlbersUsa` projection and `geoPath` to render state boundaries from TopoJSON, while circles are scaled with `scaleSqrt` on a dataset from a CSV file. The React-based interface integrates D3 v5 for data loading and map rendering, with SVG elements providing a clear, interactive view of regional air quality variations.

AI-generated description

MIT Licensed

Similar vizzes

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

92% 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…

AQI data in america

This example displays a map of the United States with circles representing the population of various cities, colored in blue to contrast against the teal state boundaries. Using the `geoAlbersUsa` projection from `d3`, the map renders state outlines and interiors via `geoPath`. A `scaleSqrt` function maps city populations to circle radii, while React manages the application state and loads both the US Atlas TopoJSON and city CSV data. The visualization highlights population distribution without explicitly referencing AQI values.

CChase Hall

92% match

Loading thumbnail…

map with aqi data

This map displays air quality index (AQI) readings as circles overlaid on a U.S. states map, with circle size proportional to AQI values. It renders SVG via React, using d3.geoPath with a geoAlbersUsa projection for the map outlines and d3.scaleSqrt to map AQI to radii. The data is loaded as CSV from a GitHub gist, while state boundaries come from the us-atlas TopoJSON. Hovering over a circle shows a tooltip with its AQI value.

CChase Hall

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

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

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

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

89% match