Force Voronoi Kaleidoscope

D3.js provides a layout that simulates particles interacting via charge and gravity, called a force directed layout.

When a click lands in the iframe below, a particle is placed into a force directed layout. It's position is then mirrored to create the kaleidoscope effect.

Open in a new Window

This array of points become the vertices of a Voronoi diagram , which partitions the space by drawing line segments equidistant from the nearest points.

By then gradually changing the charge acting on the vertices, a dynamic kaleidoscope effect is created.

Check out the original work by Mike Bostock that became this toy here and here.