Appearing Circle

_.md

[ Launch Inlet ]
Gist #3200444

config.json

{"description":"Appearing Circle","endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.536569579288026,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

var data = [0.25, 0.0625, 0.015625];

var svg = d3.select("svg")
  .attr("width", 100)
  .attr("height", 100);

svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", function(x) { return 100 * x; })
  .attr("y", function(x) { return 50; })
  .attr("width", function(x) { return 100* x; })
  .attr("heigth", function(x) { return 100; });