just another inlet to tributary

_.md

[ Launch Inlet ]
Gist #3009642

config.json

{"endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.5059071729957806,"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 type = ["linear",        "step-before",
            "step-after",    "basis",
            "basis-open",    "basis-closed",
			"bundle",        "cardinal",
            "cardinal-open", "cardinal-closed",
			"monotone"];

var line = d3.svg.line()
    .x(function(d) { return d.x; })
    .y(function(d) { return d.y; })

var data1 = [{x:1,y:-1},
             {x:-24,y:22.4}];
var paramX = -4.6032;
var paramY = -9.12;
//A,F;G;H;I,L,X,Y,Z
   
function toPath (data){
	var path = 'M0,0'
        
        for(i in data ){
          	var p = data[i];
        	path += 'L'+p.x+','+p.y;
          	var temp = parseInt(i)+1;
          if(i < (data.length-1)){
				var rangeX = Math.abs(data[i].x - data[temp].x);
            	var rangeY = data[i].y - data[temp].y;
            	
            	var two_point_form = (data[temp].y - data[i].y) /
                    		(data[temp].x - data[i].x);
 
            	for(var j = p.x; j < rangeX; j++){ 
                  	var x = j;
                    var y = j*two_point_form;
                  	var x = 50*Math.sin(j/paramX);
                    var y = 50*Math.cos((j*two_point_form)/paramY);
                  	                  	
                  	path += 'L'+x+','+(y)
                      
            		
                }
          }  
        	
        } 
  		path += 'Z';
    //console.log('Path',path)
	return path; 
}

g.selectAll("path")
    .data(data1)
  .enter().append("svg:path")
    .attr("d", toPath(data1))
  	.attr('fill',"#19253B")
    .attr('stroke',"#1949C5")
    .attr('stroke-linejoin','miter')
  	.attr('stroke-width',0) 
  	.attr('transform','translate(200,200)scale(2)')