Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

One Slider Affecting Two Charts

Public visualization

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.

Coded with help from ChatGPT 3.5

Comments

Sign in to join the discussion.

MIT Licensed