block by nbremer 36cc042b51f605183d2a2cce686653e1

Motion blur - Top running speeds

Full Screen

This example was used in my blog on Creating real-life based motion effects in d3.js visuals, which is part of the SVGs beyond mere shapes series

This chart visualizes the top running speed of several animals and the fastest human. When the circles move outward they get blurred to mimic the idea of motion blur that we see in real life. The faster a circle (and thus animal) moves, the more blurred it gets

Click anywhere to move the circles back in and again to move them back

Other examples about motion blur are

Data from SpeedOfAnimals.com

Built with blockbuilder.org

index.html