Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Example AQI Data in Bar Graph

Public visualization

Viewing a saved revision (read-only)

0de62712e9844ad688ad9cf005423754

Example AQI Data in Bar Graph

0 stars2🌍 Public
CChase Hall
Last edited Aug 3, 2022
Created on Jul 14, 2022
Forked from backup bar chart

This bar graph displays the Air Quality Index (AQI) values for various pollutants in Maine, with each pollutant represented as a horizontal bar whose length corresponds to its AQI measurement. The visualization uses React with D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. SVG rectangles are rendered for each bar, with axes created through custom `AxisBottom` and `AxisLeft` components. The data is loaded asynchronously from a CSV file using D3’s `csv` function, and hovering over a bar reveals its exact AQI value via a tooltip.

AI-generated description

Uses HTML, javaScript, CSS, React, and D3 to make interactive data visualization.