Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 8: Filtering

Public visualization

Viewing a saved revision (read-only)

635b15b8a7824130a0baf64fede7e74f

Assignment 8: Filtering

0 stars1🌍 Public
Aamrubal
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from HTML Starter

This visualization plots daily temperature readings for New York, San Francisco, and Austin as smooth, colored lines over time using D3.js v7 with an SVG renderer. Users can click on a city label to toggle the visibility of its corresponding line, effectively filtering which data series are displayed. The chart includes a time-based x-axis, a temperature y-axis, and a zoom interaction (d3.zoom) for panning and scaling. Data comes from a TSV file loaded with d3.tsv.

AI-generated description

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

See also React Starter.