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 http://bl.ocks.org/mbostock/4636377

it is created using D3.js at http://d3js.org/

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 ] [ https://en.wikipedia.org/wiki/Voronoi_diagram ].
  4. Round out the corners of the boundary.
  5. Now, let these dots rotate around their center.