placing canvas circles in circular manner without overlapping
<p>I have to draw concept map of circles with same radius once it is clicked it should show its children and those children should not overlap each other. I am able to divide entire circular position with <code>Math.PI*2/required_length_of_children</code>. and taking positions with</p>

<pre><code> var new_left=Math.round(origin.x+radius*Math.cos(angle));
 var new_top=Math.round(origin.y+radius*Math.sin(angle));
</code></pre>

<p>Now my problem is how to find out the angle which has available space and draw those. basically looking for hyperbolic tree manner arrangement of circles.
Thanks in advance for help.</p>
