避免重叠/纠缠 d3.js

Question

如何在 D3.js 中使用力布局避免节点重叠/缠结。节点之间必须有点远吗？ 这些是代码更改，链接有时会相互切断，有时节点彼此靠得太近

force = d3.layout.force()
        .gravity(.2)
        .distance(100)
        .charge(-700)
        .size([700,700]); 

Answer 1

这取决于您的网络，没有固定的规则可以正确显示网络可视化。要试验的一件事是将 linkDistance 或 charge 设置为基于节点的权重值，这表示节点的度中心性（它具有的连接数）。类似于：

d3.layout.force()
 .charge(function (d) {return d.weight * -500})