避免重叠/纠缠在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})