Illustration 02
Curve drawn by scrolling
A season drawn in one stroke as you scroll down, without JavaScript for the motion. Change athlete, and the line moves to the new numbers.
Charts known from linear.app, reveal from claude.com
- Scroll timelineThe line is drawn with animation-timeline: view() and a dash array from the length of the curve. Without support the curve stands finished.
- Two athletesThe points move to the new numbers, and the other athlete stays as a muted line.
- Also as numbersThe crosshair works with pointer and arrow keys, and a table holds the same numbers.