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.
- 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.
- Shelf
- Editorial
- Group
- Illustration 02 of 03
- Theme
- Light and dark
- Live pointer
- 8 steps, until you take over