just another inlet to tributary

config.json

{"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":724,"height":607,"hide":false}}

inlet.js

d3.select('#display').style('background','black')

var p1 = [100,100];
var p2 = [200,200];
var p3 = [0,200];

var tX = 100;
var tY = 100;

var off = 1.72;
var col = d3.rgb("#276BAA");
   
var group = g.append('g')

for(var i=0; i < 48; i++){
	
  group.append('path')
  .attr("stroke",col.toString())
  .attr("stroke-width",3.76)
  .attr("fill",'none')
  .attr('transform','translate(300,'+(100+(i*2))+')')
  .attr("d","M"+(p1[0])+","+(p1[1]-(i*off))+" L"+(p2[0]+(i*off))+","+(p2[1])+" L"+(p3[0]-(i*off))+","+(p3[1])+"Z")
//  .attr('transform','translate('+(tX+(i*2))+','+(tY + (i*5))+')')  
//  .attr("d","M"+p1[0]+","+(p1[1]*Math.cos(i/(-14)))+" L"+(p2[0]*Math.log(i))+","+p2[1]+" L"+(p3[0]*Math.sqrt(i*2))+","+(p3[1])+"Z")
    col = col.brighter(0.1);
}
              
              
var col2 = d3.rgb("#F73F03");

       
g.selectAll('path').each(function(e,i){

     
	var x = d3.select(this);
     console.log(x,e,i);
x.transition().duration(3000).attr('stroke',col2.toString())
      .attr('transform','rotate('+(20*(i/2))+')')
  	if(i % 2 == 0){
  	col2 = col2.brighter(0.2);
  	}
});


group.attr('transform','translate('+432+','+100+')')