JavaScript D3 Rotating Voronoi Demo

By Xah Lee. Date: . Last updated: .

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

it is created using D3.js at

here's a screenshot

js d3 rotating voronoi demo screenshot 2013

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.