JavaScript D3 Rotating Voronoi Demo

, , …,
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.
Like what you read? Buy JavaScript in Depth. Thanks.