Another Inlet

_.md

[ Launch Inlet ]
Gist #4199371 [ Launch Inlet ]
Gist #4199354 [ Launch Inlet ]
Gist #4199304 [ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another Inlet","endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.5424753867791864,"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 x1 = 0;
var y1 = -1200;




var c1X = 378;
var c1Y = 442;
var c2X = 572;
var c2Y = -310;
var cX = 1024;
var cY = 0;


var x2 = 0;
var y2 = 1200;


svg.append("svg:circle")
	.attr("r",50)
	.attr("cx",0)
	.attr("cy",0)
	.attr("fill","#ff00ff");


var path2 = "M0,0 l"+(x1)+","+(y1)+"  c"+(c1X)+","+(c1Y)+" "+(c2X)+","+(c2Y)+" "+(cX)+","+(cY)+"  l"+(x2)+","+(y2)+""
var path = 'M0,0 L0,-0 C 35,0 99,0 1024,-0 L1024,10';  
    console.log(path);

var curtain = svg.append('path')
    .attr("d",path)
	.attr("d",path2)
    .attr('transform',"translate("+[48,633]+")scale(0.5)")