JavaScript D3 Rotating Voronoi Demo

, , …,
Want to master JavaScript in a week? Buy Xah JavaScript Tutorial.
js d3 rotating voronoi demo screenshot 2013

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/.

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.
blog comments powered by Disqus