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

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.

If you have a question, put $5 at patreon and message me.