Untitled

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.

83% match

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

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.

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.

histogram graph for map

This visualization displays U.S. ozone AQI data over time, using a histogram to show monthly average AQI values. The chart reveals how air quality varies across different months. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to define axes, `d3.histogram` with `timeMonths` thresholds to bin data, and `mean` to calculate aggregate values. The data is loaded from a CSV file, and the resulting bars are rendered as SVG rectangles with mouseover tooltips showing the average AQI for each bin.

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

Hhusseinmaatouk506@gmail.com

Fork of map of epa data sites

This example maps EPA air quality data by rendering green circles over a U.S. state outline, with each circle representing a recorded site. The visualization combines React for component structure with D3’s `geoAlbersUsa` projection and `geoPath` for geographic shapes, while `scaleSqrt` scales circle radius based on AQI values. Data loads from a remote CSV using D3’s `csv` function, and the U.S. atlas comes from a TopoJSON source. The title describes a dot density map of trees, though the underlying data focuses on environmental monitoring sites.

80% match