Circle Animation

_.md

[ Launch: Tributary inlet ] a9bb6ef823770cc34c3e by roundrobin

config.json

{"description":"Circle Animation","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/W8wM5w0.png"}

inlet.js

var cx = 200;
var cy = 200;


var circle = g.append("circle")
    .attr({
      r: 20,
      cx: cx,
      cy: cy,
      fill: "#eb5013"
    });

var r = 10;
var add = 100;
var speed = 20000;

d3.timer(function(i){
 
  i = (i / speed) % 1
  console.log(i);
  
  var theta = (r *  (i) * 2 * Math.PI);
  
  
  
  circle.attr({
	cx: ((Math.sin(theta)) * add) + cx,
    cy: ((Math.cos(theta)) * add) + cy 
  
  });
  
  
});