D3 泰森多边形
示例代码
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.triangles { fill: none; }
.links { stroke: #000; }
.sites { fill: #000; stroke: #fff; }
.triangles .primary { fill: #f00; }
.links .primary { stroke: #fff; }
.sites :first-child { fill: #fff; }
</style>
<svg width="960" height="500"></svg>
<script src="./d3_5.14.2.min.js"></script>
<script>
var svg = d3.select("svg");
var width = +svg.(), height = +svg.();
sites = d3.()
.(() {
[.() * width, .() * height];
});
voronoi = d3.();
triangle = svg.()
.(, )
.()
.(voronoi.(sites))
.().();
link = svg.()
.(, )
.()
.(voronoi.(sites))
.().()
.(redrawLink);
() {
link
.(, () { d.[]; })
.(, () { d.[]; })
.(, () { d.[]; })
.(, () { d.[]; });
}
