表示されている点の集合を包むパスを作成します。 D3では、「d3.geom.hull」というメソッドを使用することでシンプルな凸包を作成できますが、今回は凹面を含むパスを作成したいのでhull.jsを組み合わせて使ってみました。 Hull.js サンプル とりあえずhull.jsにあった馬のサンプルをD3.jsを使ってsvgで描画してみました。(元はcanvas上に描画) 青色のパスがhull.jsで算出したものです。 example //馬ポイントデータ var horse13k = [[135,141], [132,142], [134,143], [141,144], /* 省略 */ [958,272], [959,277]]; var svg = d3.select("svg"); //ポイントを表示 var point = svg.selectAll(".point") .da
![点集合を包むパスを描画する(hull.js + D3.js)](https://cdn-ak-scissors.b.st-hatena.com/image/square/77763d0c553d44c84f717cc3017fef8fec127e9a/height=288;version=1;width=512/https%3A%2F%2Fgunmagisgeek.com%2Fblog%2Fwp-content%2Fuploads%2F2014%2F11%2Fd3andhulljs141114.jpg)