voronoi (d3, v5, svg, simple example)

<!DOCTYPE html>
<head>
  <title>Voronoi 101</title>
  <meta charset="utf-8">
</head>
<body>

var c10 = d3.schemePaired;

var vertices = d3.range(10).map(function(d) {
    return [Math.random() * width, Math.random() * height];
  });

var voronoi = d3.voronoi().extent([[0, 0], [width, height]]);

var svg = d3.select("body").append("svg").attr("width", width).attr("height", height);

var path = svg.append("g").selectAll("path");

path.data( voronoi.polygons(vertices)  ).enter().append("path")
      .attr("stroke","white") 
      .attr("fill", function(d,i) {return c10[i % 10]} )
//    .attr("d", function(d) { return "M" + d.join("L") + "Z" } );
    .attr("d", polygon);

</body>
</html>

https://d3js.org/d3.v5.min.js