0467
This interaction demonstrates a highly responsive line graph scrubbing experience within a fitness tracking app. When a user drags their finger across the heart rate or pace graphs, a vertical dashed line indicator tracks their movement horizontally. A circular marker snaps to the corresponding data point on the line, and an informative tooltip appears directly above it, displaying real-time metrics (such as heart rate, duration, or pace). The tooltip dynamically updates its content and smoothly slides horizontally, maintaining its position relative to the cursor. When the user lifts their finger, the indicator and tooltip fade out gracefully, returning the graph to its default state.
