8 Queens Problem
Abhivadaye
Anagram Finder
Bouncing Spheres
Break Out
Classic Snake
Cycloids
Deflection Demo
Double Pendulum
EV Savings
Flocking
Fog fly through
Forces on Objects
Fractals
Game of Life
Horizontal Stars
Image Scanning
JSON Beautify
Julia Sets
Kaleidoscope
Kock Fractals
Lorenz Attractor
Mandlebrot Set
Meta Balls
Natural Flocking
Number Convert
Number Game
Pandemic Simulator
Particles & Nodes
Perlin Noise
Poisson Disk
QuadTree Search
Ripples
Set Demonstration
Sierpiński Triangles
Simple Pendulum
Sine Waves
Starfield
Super Shapes 2D
Target Finder
Tic Tac Toe
Voronoi Diagram
Who Moved My...
Voronoi Diagram
29 Nov 2020

If we are to assume that a set of points (or objects) occupy a 2D (or 3D) plane, then a Voronoi diagram (or Voronoi Tesselation) is a partition of that plane into regions close to each of the set of points (or objects). These regions are called Voronoi cells.

Sorry, your browser does not support Canvas.

There are many better ways to achieve the Voronoi Tessalation. Here are some links 1, 2, 3. The way I have done it can be summed up as below.

1. Place objects (the black points) randomly on the canvas. Each of these objects carries with it a color (also randomly generated) property.
2. Start filling the canvas with ellipses. 
3. While filling these ellipses, make the ellipse the same color as the object (the black point) closest to it.
That's it actually. You should be able to click on the canvas to place an additional object on the canvas.

1. voronoi.js - Download, index.html
//Code goes here