block by nbremer fa4a9105247ed1eeb5e3f44f14800893

Motion blur - Hexagon intro

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 hexagon was on the intro slide for the SVG filter Motion blur section during the presentation I gave at OpenVis 2016. The circles get blurred when they move and the faster they move, the more blurred I make them

This is to mimic the idea of motion blur that happens in real life

Other examples about motion blur are

Built with blockbuilder.org

index.html