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)

91b68303b17142ac9da68339c1427c99

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