dominikus · May 14, 2014 20:47
diff --git a/_.md b/_.md
diff --git a/config.json b/config.json
 {"description":"basic transitions","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"styles.css":{"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/4rywzkU.png"}
diff --git a/inlet.js b/inlet.js
 var x = 50;
 var y = 50;
 d3.select("svg")
  .append("circle")
 	.attr("cx", x)
    .attr("cy", y)
    .attr("r", 30);

 var animate = function(){
  if(x === 50){
    x = 500;
    y = 500;
  } else {
    x = 50;
    y = 50;
  }
   
  d3.selectAll("circle")
    .transition()
      .attr("cx", x)
      .attr("cy", y)
      .duration(2000)
      .each("end", animate);
 };

 animate();

diff --git a/styles.css b/styles.css
 svg {
    background: #fff;
 }

 circle {
    fill: white;
    stroke: #333;
  	stroke-width: 3px;
 }
No results found