Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Line, TDF time gaps

Public visualization

Viewing a saved revision (read-only)

83e522701d5e4f1ea693e0d0c5dd896d

Interactive Line, TDF time gaps

0 stars0🌍 Public
Gg_beck@coloradocollege.edu
Last edited May 12, 2024
Created on May 7, 2024

This interactive scatterplot visualizes time gaps between first place and other positions in the Tour de France from 1903 to 2023, with data sourced from a GitHub-hosted CSV. Users select which gap to display via a dropdown menu, and each dot represents a race year with tooltips revealing winner details and converted time formats. The visualization uses d3.v7 with SVG rendering, d3.line for trend paths, d3.scaleLinear for axes, and d3.axisBottom/axisLeft for tick marks. Manual Y-axis range inputs allow dynamic rescaling, though the underlying data spans large temporal and numerical domains.

AI-generated description

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

See also React Starter.