title: How to connect the dots ? (the dots are randomly positioned HTML elements)
body: <p>I'm using the following code to generate random points with a maximum distance from another element I have in the page:</p>
  
  <pre><code>function drawPoints (maxdistance, npoints) {
    var start = $('#startingPoint').position();
    var draw = document.getElementById('draw');
  
    var i = npoints;
    while(i--) {
      var n = document.createElement('div');
      n.style.position = 'absolute';
      n.style.top = ( - (Math.random() * maxdistance) -10 + start.top).toString() + 'px';
      n.style.left = ( - (Math.random() * maxdistance) + 50 + start.left).toString() + 'px';
      n.style.width = '6px';
      n.style.height = '6px';
      n.style.backgroundColor = 'black';
      n.style.borderRadius = '6px';
      draw.appendChild(n);
    }
  }
  </code></pre>
  
  <p>For an example, <code>drawPoints(150, 20);</code> would draw 20 points with a maximum distance of 150 from the starting point.</p>
  
  <p>The question is, how do I draw some kind of arcs or lines to connect some of this dots ?</p>