ポイントの近さが散布図から六角プロットまでの違いは何ですか？

Question

Hexbinと散布図を見てください。http://imgur.com/a/2oR68

なぜHexbinplotでは、ポイントはお互いに接触しませんが、散布図では明確に近接ポイントに触れていますか？

私のhexbinプロットが次のようになると予想しました：https://bl.ocks.org/mbostock/4248145しかしそれはありませんでした。

私はd3.hexbinプラグインを使用しています。散布用

var color = d3.scale.linear() 
       .range(["white", "steelblue"]) 
       .interpolate(d3.interpolateLab); 

var hexbin = d3.hexbin() 
       .extent([[0,0],[size - padding , padding]]) 
       .radius(); 

hexbin.x(function(d,i){return x(subdata[0][i]);}) 
hexbin.y(function(d,i){return y(subdata[0][i]);}) 

svg.append("clipPath") 
    .attr("id", "clip") 
    .append("rect") 
    .attr("class", "mesh") 
    .attr("width", w) 
    .attr("height", size); 

svg.append("g") 
    .attr("clip-path", "url(#clip)") 
    .selectAll(".hexagon") 
    .data(hexbin(datum)) 
    .enter() 
    .append("path") 
    .attr("class", "hexagon") 
    .attr("d", hexbin.hexagon()) 
    .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) 
    .style("fill", function(d) { return color(d.length); });  

：

スケーリングの少し離れて（私は同じデータセットを取り扱っております）プロットを散乱させるHexbinプロットと異なる場合にのみコードは次のとおりです。Hexbinについては

svg.selectAll("circle") 
.data(datum) 
.enter() 
.append("circle") 
.style("fill", "steelblue") 
.attr("cx", function (d, i) { 
    return x(subdata[0][i]); 
}) 
.attr("cy", function (d,i) { 
    return y(subdata[0][i]); 
}) 
.attr("r", 3) 

どこが間違っていますか？

EDIT1：... Hexbinあなたが設定した場合

Answer 1

下のコードのある部分を含ま

.attr("d", hexbin.hexagon(5)) 
//radius value here ------^ 

...あなたはhexabin発生器内の同じ値を設定した場合、六角形にのみ触れます。

var hexbin = d3.hexbin() 
    .radius(5)//same value here 
    .extent([[0, 0], [width, height]]); 

あなたの結果によると、私はそうではなかったと信じています。したがって、解決策はその値を単純に削除することができます。

.attr("d", hexbin.hexagon()) 
//no radius here --------^