D3 시각화 질문

Question

저는 시각화 작업을하고 있고 stackoverflow에서 찾은 jsfiddle을 사용하고 있습니다.

나는 전에 D3을하지 않았기 때문에 몇 가지 질문이있었습니다.

내가 어떻게 그 텍스트와 원을하지 않는 보장 할 수 있습니다 내가 여기 jsfiddle에

http://jsfiddle.net/matthewpiatetsky/nCNyE/3/

1. 을 일한지이

   {word:"cat", count: 30}, 
   {word:"dog", count: 15}.... 
   

   같은 일부 JSON을 시각화 할 교차? 이전 바이올린은 서클에 대해이를 보장했지만 한 서클의 레이블이 다른 서클/다른 레이블과 교차하지 못하도록하고 싶습니다.

2. 창의 열린 공간의 크기에 비례하여 원 크기를 조절하려면 어떻게해야합니까? 나는 800 x 800 크기의 창을 만들 것이라고 생각하고 있습니다. 빈 공간이 많고 서클이 많으면 원을 더 크게 만들고 싶지 않습니다. 크기가 작아지기를 원합니다.

팁을 주시면 감사하겠습니다. (나는이 물건을 스스로 찾아 낼 수 있다는 것을 알고 있으며, 너무 천천히하고 있지만, 내가 할 수있는 이런 것들을하는 방법의 몇 가지 예가 도움이 될 것입니다!

Answer 1

첫 번째 질문에 대한 짧은 대답은 D3에서 자동으로이 작업을 수행 할 수 없다는 것을 확인하십시오. 수동으로 레이블 및 원의 위치를 ​​확인하거나 D3의 강제 레이아웃과 같은 것을 사용하여 자동으로 중첩하지 않고 배치 할 수 있습니다. 그 옵션은 꽤 많은 작업이 될 것이고 두 번째 경우에는 아무 것도 겹치지 않을 것이라는 보장이 없을 것입니다.

두 번째 질문에 대해서는 창 크기를 결정하고 그에 따라 반경을 설정하십시오.

var radius = Math.sqrt(window.innerWidth * window.innerHeight)/100;