My goal was to compare all results (final, semifinal and heat) in one animation.
The dataset contained only the split times, but I did add a little easing, since I wanted the dots to be a little faster as if they would “push” themselves from the side of the pool.
The vertical line is following the winner not the leader (this was easier to code).
I used d3.js for the data visualization and ScreenToGif for saving the gif animations data source: [worldaquatics.com](http://worldaquatics.com)
4 comments
My goal was to compare all results (final, semifinal and heat) in one animation.
The dataset contained only the split times, but I did add a little easing, since I wanted the dots to be a little faster as if they would “push” themselves from the side of the pool.
The vertical line is following the winner not the leader (this was easier to code).
I used d3.js for the data visualization and ScreenToGif for saving the gif animations
data source: [worldaquatics.com](http://worldaquatics.com)
I was inspired by[ this New York Times data visualization ](https://www.nytimes.com/interactive/2016/08/12/sports/olympics/katie-ledecky-winning-swims.html)
Please do one for sprints, relays races too
Show me the 1500 m races, you coward 🙂
Whoa I love this – amazing work!