Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CS 360 A8: Interaction in D3

Public visualization

Viewing a saved revision (read-only)

3702a8e5849647b58aef498ae70b6b5f

CS 360 A8: Interaction in D3

0 stars0🌍 Public
SSean Sanchez
Last edited Apr 5, 2022
Created on Apr 4, 2022
Forked from HTML Starter

This interactive line chart displays daily temperature readings for New York, San Francisco, and Austin, with each city represented by a colored line. Users can hover over a line to highlight it while greying out the others, or click a line to toggle its visibility. The visualization uses D3 v7 with SVG rendering, d3.line with curveBasis for smooth paths, and d3.scaleTime and d3.scaleLinear for axes. Interactions are implemented through mouseover, mouseout, and click event handlers that manipulate stroke colors and visibility attributes.

AI-generated description

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

See also React Starter.