Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Selecting a Year on a Line Chart

Public visualization

Viewing a saved revision (read-only)

4ca3b63ea3a0424783eb0f7ed72bc6eb

Fork of Selecting a Year on a Line Chart

0 stars0🌍 Public
GGerasimos Katsagannis
Last edited May 23, 2022
Created on May 23, 2022

This visualization shows population trends over time for world regions using a multi-line chart, with a vertical line indicating the currently selected year. Users can hover over the chart to change the selected year, which updates the vertical marker. The chart is built with D3 v5, using `scaleLinear`, `scaleTime`, `d3.line` with `curveBasis` for smoothing, and `d3.nest` to group data by region. A color legend is rendered via a custom `colorLegend` function using `scaleOrdinal`. Population data is loaded from CSV census files and processed through a custom `melt` function.

AI-generated description