title: D3 Visualization Questions
body: <p>I'm working on a visualization and working off of a jsfiddle I found on stackoverflow.</p>
  
  <p>I haven't done D3 before, so I had a couple of questions.</p>
  
  <p>I want to visualize some json like this</p>
  
  <pre><code>{word:"cat", count: 30},
  {word:"dog", count: 15}....
  </code></pre>
  
  <p>I've been working on a jsfiddle here</p>
  
  <p><a href="http://jsfiddle.net/matthewpiatetsky/nCNyE/3/" rel="nofollow">http://jsfiddle.net/matthewpiatetsky/nCNyE/3/</a></p>
  
  <ol>
  <li>How can I ensure that text and circle don't intersect? The previous fiddle ensured this for the circles, but I want to prevent the label for one circle from intersecting with other circles/other labels. </li>
  <li>How can I change the size of circles to scale relative the amount of open space in the window? I'm thinking I'll make a 800 by 800 window, and if there's lots of empty space and few circles, I want circles to get bigger, and if there isn't i want them to get smaller.</li>
  </ol>
  
  <p>Any tips would be much appreciated, thank you!
  (I know I can figure this stuff out myself, and I am doing so slowly, but some examples of how to do these things that I could play around with would be helpful!</p>