Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

One Slider Affecting Two Charts

Public visualization

Viewing a saved revision (read-only)

3cdc753c3ea84454ac84f3515fede68e

One Slider Affecting Two Charts

0 stars0🌍 Public
Ffxcarch@gmail.com
Last edited Feb 6, 2024
Created on Feb 6, 2024
Forked from HTML Starter

This example shows two identical bar charts displaying capital gains by sector, with a slider that selects a date to update both charts simultaneously. The code uses D3 v7 to parse CSV data, nest it by date, and render SVG bar charts with axes. A range input controls the selected date, triggering the `updateCharts` function to rebuild both charts with new data. The visualization demonstrates how a single UI control can synchronize multiple views of a dataset.

AI-generated description

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

See also React Starter.