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})