title: Packing different sized circles into rectangle - d3.js
body: <p>I was trying to pack circles of <strong>different sizes into a rectangular container</strong>, not packing in circular container that <code>d3.js</code> bundled with, under <code>d3.layout.pack</code>.</p>
  
  <p>here's the layout I want to achieve:</p>
  
  <p><img src="https://cl.ly/Kpgp/Image%202012.11.11%2011:12:01%20PM.png" alt=""></p>
  
  <p>I've found <a href="http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.99.5620&amp;rep=rep1&amp;type=pdf" rel="noreferrer">this paper</a> on this matter, but I am not a math guy to understand the article throughly and convert them into code…</p>
  
  <p>Anyone can suggest where I should start to convert this into d3.js layout plugin, or if you have visualized bubbles similar to this layout, please suggest any direction you took to solve that.</p>
  
  <p>Thank you.</p>