JavaScript D3 Rotating Voronoi Demo

By Xah Lee. Date: . Last updated: .
js d3 rotating voronoi demo screenshot 2013

The app on this page is by Mike Bostock. The original source is at

it is created using D3.js at .

The Math

Here's the idea of the math.

  1. Start with several dots around a circle.
  2. Add many other such circle of dots in different places.
  3. Draw the boundary between neighboring dots, such that the boundary is equal-distant to the dots. This is called the Voronoi diagram.
  4. Round out the corners of the boundary.
  5. Now, let these dots rotate around their center.
Liket it? Put $1 at patreon.

Or, Buy JavaScript in Depth