javascript - d3 聚类力布局，聚类中心距离

Question

(我是 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
  }

然后我希望能够重新定位每个集群，使其与其他集群保持一定距离。

希望一切都清楚。

Answer 1

这就是 mbostock 示例中使用 padding 变量的原因。

参见我的填充设置为 30 的示例:http://bl.ocks.org/mccannf/5548435