d3聚集力布局,聚类中心之间的距离

时间:2013-05-09 15:41:54

标签: javascript graph d3.js visualization force-layout

(我是d3js新手)

我使用d3.layout.force来显示分为群集的节点图,基本上是这样的(即使在我的版本中,每个群集的节点都将重心焦点设置为它的集群中心):

http://bl.ocks.org/mbostock/1747543

我想要完成的是将每个群集与另一群群隔开一段MIN距离。

我在初始阶段为每个集群中心设置了随机点:

for(var i = 0; i < clusterLength; i++) {
    var baseX = 3
    var baseY = 7

    var x = halton(i + 1, baseX) * width + (Math.random() * 50)
    var y = halton(i + 1, baseY) * height + (Math.random() * 50)     

    clusterCoords.push({ 
      x: x,
      y: y
    })

    j += 1
  }

然后,我希望能够重新定位每个群集,保持其他群集之间的距离。

希望它清楚。

1 个答案:

答案 0 :(得分:3)

这是mbostock示例中padding变量的用法。

请参阅我的示例,其中padding设置为30:http://bl.ocks.org/mccannf/5548435

enter image description here