Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Final Project

Public visualization

Viewing a saved revision (read-only)

82e86ba30a2b473286f089a849a82da4

Final Project

0 stars1🌍 Public
YYi Yang
Last edited Dec 12, 2021
Created on Dec 12, 2021

This example visualizes air quality patterns, comparing SO2, particle, and NO3 concentrations across 31 U.S. states from 2008 to 2018 through animated line charts. Users select a pollutant via radio buttons, triggering an animation that reveals trends over time. The visualization uses D3.js v4 with SVG rendering, featuring a custom color palette for state-specific lines. The code integrates React for structure and employs D3’s data join and transition methods to update the chart dynamically, with data embedded directly in the script.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.