Voronoi-based point picker (revisited)

This block is based on Voronoi-based point picker from njvack

This block uses the d3.distanceLimitedVoronoi d3 plugin I made. This plugin produces the appropriate interactive zones, depending on the Voronoï tesselation and a maximum distance from each datum.

Compared to the original block, there is no need to produce and bind clipPathes, making the code (and usage) simpler.

Acknowledgments to:

<html>
<head>
    <script type="text/javascript" src="https://d3js.org/d3.v4.js"></script>
  	<script src="https://raw.githack.com/kcnarf/d3-distancelimitedvoronoi/master/distance-limited-voronoi.js"></script>
</head>
<body>
  <div id="chart">
  </div>
  <div id="slider" style="position:absolute; top:0px">
    Interactive zone radius :
    <form>
      <input id="limit" type="range" name="points" min="0" max="100" value="20" oninput="redraw()">
    </form>
  </div>
  <script type="text/javascript">
    var w = 960,
        h = 500;

var vertices = d3.range(100).map(function(d) {
      return [Math.random() * w, Math.random() * h];
    });

points.selectAll("circle")
          .data(vertices)
        .enter().append("svg:circle")
          .attr("id", function(d, i) { 
            return "point-"+i; })
          .attr("transform", function(d) { return "translate(" + d + ")"; })
          .attr("r", 2)
          .attr('stroke', 'none');
    }
    redraw()
  </script>
</body>
</html>

Updated missing url https://raw.githack.com/Kcnarf/d3-distanceLimitedVoronoi/master/distance-limited-voronoi.js to https://raw.githack.com/kcnarf/d3-distancelimitedvoronoi/master/distance-limited-voronoi.js

https://d3js.org/d3.v4.js

https://raw.githack.com/Kcnarf/d3-distanceLimitedVoronoi/master/distance-limited-voronoi.js