Tributary inlet

_.md

[ Launch: Tributary inlet ] 6545197 by manukapoor

config.json

{"description":"Tributary inlet","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":true,"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,"thumbnail":"http://i.imgur.com/dVibbPj.png"}

inlet.js

var select = d3.select("svg").selectAll("circle").data([12,432,54,345,34,236,564])
;
select.enter()
.append("circle")
	.attr("cx", "50%").attr("cy", "50%")
	.attr("r", function(d,i){ return i*50})
	.attr("fill", "rgba(231,44,43,0.8)")
	.style('stroke', "white")
	.style('stroke-width', function(d,i){return i*2})
.transition()
.duration(function(d,i){return i*300})
.attr("cx", function(d,i){return i*76})
.attr("fill", "rgba(231,44,43,0.3)")
.transition()
.delay(3500)
.attr('cy', "318%")