The Outsiders Training Load Ratio Graph Slide Interaction

This interaction demonstrates a highly polished fitness graph. Tapping the date navigation arrows slides the graph line and data points horizontally to reveal previous or future periods. Tapping the view selector opens a clean dropdown menu to switch between 7-day, 4-week, and 6-month views. When switched to the 7-day view, the graph morphs into a detailed node-and-line layout. Finally, dragging or scrubbing across the graph reveals a vertical tracking line and a floating tooltip that snaps smoothly to data points, updating the value and date dynamically.