title: d3.js - set links size to a force layout
body: <p>Based on the "Molecule" example of Michael Bostock, available at this url : <a href="http://bl.ocks.org/mbostock/3037015" rel="nofollow noreferrer">http://bl.ocks.org/mbostock/3037015</a>.</p>
  
  <p>I'm trying to set the size of my links with several values. For that, I disabled the "gravity", put an important negative value in "charge" and fixed the first node to the center of my window.</p>
  
  <pre><code>var force = d3.layout.force()
      .size([width, height])
      .charge(-800)
      .friction(0.45)
      .linkStrength(1)
      .gravity(0)
      .linkDistance(function(d) { 
          return radius(d.target.size * 10);
       });
  </code></pre>
  
  <p>My problem is (<img src="https://i.stack.imgur.com/skZtp.png" alt="as you can see on the image below">) sometimes the size of the links are differents, especially for links defined with a little value.</p>
  
  <p>Does somebody know one good solution for my problem?</p>
  
  <p>You can see my code here : <a href="http://jsfiddle.net/awPn3/" rel="nofollow noreferrer">http://jsfiddle.net/awPn3/</a></p>