just another inlet to tributary

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:41,y:0},
             {x:662,y:307},
             {x:1090,y:24}];
  

   
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 = Math.abs(data[i].y - data[temp].y);
            	var yscale = d3.scale.linear()
					            .domain([0, rangeX])
					            .range([0, rangeY]);
            
            	for(var j = 0; j < rangeX; j++){
            		path += 'L'+(data[i].x+j)+','+(yscale(j+Math.sin(j)*37));
                }
          }  
        	
        } 
	return path; 
}

g.selectAll("path")
    .data(data1)
  .enter().append("svg:path")
    .attr("d", toPath(data1))
  	.attr('fill','none')
    .attr('stroke',"#1949C5")
  	.attr('stroke-width',3) 
  	.attr('transform','translate(100,100)')