Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Example AQI Data Per Day of the Week

Public visualization

Viewing a saved revision (read-only)

5784287484fc49439e59eb1cf90287ae

Example AQI Data Per Day of the Week

0 stars1🌍 Public
CChase Hall
Last edited Aug 4, 2022
Created on Jul 19, 2022
Forked from Untitled

This interactive bar chart displays Air Quality Index (AQI) values for three pollutant types (Ozone, PM2.5, and PM10) across each day of the week. The visualization updates dynamically when users click buttons for Monday through Sunday, swapping between seven pre-defined datasets. Built with d3.v4, the code uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and a custom `d3.scaleQuantile` color scale with a purple sequential palette. The SVG rendering includes animated transitions when data changes, with button focus states managed through CSS.

AI-generated description