Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

[A11] Starter Chart (Brushing, Filtering, and Zoom/Pan)

Public visualization

[A11] Starter Chart (Brushing, Filtering, and Zoom/Pan)

0 stars0🌍 Public
Cctan13@dons.usfca.edu
Last edited Apr 19, 2024
Created on Apr 19, 2024
Forked from HTML Starter

This example shows interactive multi-series line charts of daily temperatures in New York, San Francisco, and Austin, loaded from a TSV file. Users can brush to zoom and pan along the time axis, click a city’s line to toggle its visibility, and hover to highlight a specific series. Built with React and D3 v7, it uses `d3.zoom` for scaling and translation, `d3.axisBottom` for time-axis updates, and `d3.curveBasis` for smooth line rendering in SVG with animation transitions.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed