Circle play

_.md

[ Launch: An inlet to Tributary ] 4569230 by roundrobin
[ Launch: An inlet to Tributary ] 4567531 by cmutel

config.json

{"description":"Circle play","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"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,"hidepanel":false,"fullscreen":false,"thumbnail":"http://i.imgur.com/bTEgcf6.png"}

inlet.js

var svg = d3.select("svg");

var cdata = [
  {"w": 25, "r": 50},
  {"w": 12, "r": 100},
  {"w": 47, "r": 150}
]

var circles = svg.selectAll("circle").data(cdata);

circles.enter().append("circle")
	.style("stroke", "steelblue")
	.attr("cy", 400)
    .attr("cx", 400)
    .attr("fill", "none")
  	.attr("r", function (d) { return d["r"]; })
    .attr("stroke-width", function (d) { return d["w"]; });