Published: 10 February 2018

Rolling Shutter Simulation

Propellor with rolling-shutter artifact

Dicklyon, CC BY-SA 4.0, via Wikimedia Commons

In 2017 there was some interst in explaining the Rolling Shutter Effect in cameras including videos by Destin's Smarter Everyday Channel and Matt Parker's Stand-up Maths.

I wanted to explore if I can simulate the effect using D3.js and found a neat way to do it using Canvas clip(). function.

Originally published on and later imported to Observable with help from Mike Bostock himself.

Use the sliders to change the simulation parameters.