title: d3,js throbbing dots on a google map - control the outer rings to have different rates
body: <p>I want to give each dot - their own alarm setting. So the outer rings that are spawned can occur at different rates for different dots.</p>
  
  <p>At the moment - its only taking a general value for ALL dots.</p>
  
  <p><a href="http://jsbin.com/wisiciqi/2/" rel="nofollow">http://jsbin.com/wisiciqi/2/</a></p>
  
  <pre><code>                function callcircle(circleData, duration){
  
                      console.log("circleData key :: ", circleData.key);
                      console.log("duration :: ", duration);
  
  
                      var t = setInterval(function(){
                          clearInterval(t);
                          myTransition(circleData)
                      },duration);                        
                  }
  </code></pre>
  
  <p>I have a function that should invoke the circle transition method for a particular duration.</p>