Another Inlet

_.md

[ Launch Inlet ]
Gist #4289879 [ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another 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}},"tab":"edit","display_percent":0.3911458333333333,"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}

inlet.js

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



var radius = 200;
var xCirc1 = 20;
var yCirc1 = 20;


xCirc2 = 230;


var color = "#80E2D2";
svg.append("svg:circle")
	.attr("r",radius)
	.attr("cx",xCirc2+radius)
	.attr("cy",yCirc1+radius)
	.attr("fill",color)
  	.attr("fill-opacity",1);


svg.append("svg:circle")
	.attr("r",radius)
	.attr("cx",xCirc1+radius)
	.attr("cy",yCirc1+radius)
	.attr("fill","#ff00ff")
  	.attr("fill-opacity",1);



yCirc1 = 20;



svg.append("svg:circle")
	.attr("r",radius)
	.attr("cx",xCirc2+radius)
	.attr("cy",yCirc1+radius)
	.attr("fill",color)
  	.attr("fill-opacity",0.5);