Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Week 3: Pollution in World Cities

Public visualization

Viewing a saved revision (read-only)

b465ac508a0f46ad821f13438cfe900d

Week 3: Pollution in World Cities

0 stars0🌍 Public
JJacob Chlebowski
Last edited Sep 8, 2024
Created on Sep 6, 2024
Forked from D3 Transitions

This animated bubble chart visualizes real-time Air Quality Index (AQI) data for five major world cities, sourced from IQAir’s dynamic ranking. Circles radiate outward with staggered transitions, sized proportionally to each city’s AQI, with labels displaying city name and index value. Colored fills distinguish pollution levels, from hazardous Kinshasa in dark red to cleaner Yangon in white. Built with D3.js (v7), the visualization uses `transition` delays and easing to animate enter and update states, while hardcoded coordinates position cities horizontally. The code prepares for future features like city lookup by name or AQI, image annotations, and pairwise comparisons.

AI-generated description

Author: Jacob Chlebowski - jachlebowski@wpi.edu

The World Air Quality Index (AQI) Ranking (note that this dataset is dynamic)