Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line chart with multiple dropdowns

Public visualization

Viewing a saved revision (read-only)

85f76ff01b734b49a17cff0393cbdff5

Line chart with multiple dropdowns

0 stars4🌍 Public
AAkanksha
Last edited Apr 23, 2024
Created on Apr 16, 2024

This example displays two line charts comparing Olympic medal counts over time for two countries selected from dropdown menus. The visualization uses D3’s `scalePoint` and `scaleLinear` for axes, `flatGroup` to organize data by country, and an ordinal color scale from `schemeSet2` to distinguish the lines. Dropdown menus are populated from the `yearlyData` dataset, and changes trigger redraws via the `viz` function. The chart includes a gray inner rectangle and axes rendered using the `@curran/responsive-axes` library.

AI-generated description