Creating a Voronoi Diagram

We are going to create a Voronoi diagram. We will be using the D3 Delaunay library to help us generate a Voronoi diagram. By default, it is already included with our D3 project. We can begin using it immediately.

In the script, we will be writing our code at the bottom of the draw() function. We are adding an interactive feature. Therefore, it will be one of the last steps for drawing a graph. We can set up interactions after everything else has been drawn.

Configuring the Voronoi diagram

We are going to define a variable called Delaunay. Its value will be the d3.Delaunay.from() function.