just another inlet to tributary

inlet.js

var x_scale = d3.scale.linear().domain([0,100]).range([0,500]);
var h=20;
//x-origin
var o=30;
//y-origin    
var l=30;
    
var color = d3.scale.category20();
    
var array1 = [16,25,9,12,38];
 
var touchStart = function(d,i){
    	d3.selectAll('.bars')
          .transition() 
          .duration(2000)
          .attr('x',0)
          .attr('y',function(d,i){
              return i * 50;
          });
    
    }
    
var touchEnd = function(d,i){
  		var oTemp = 0;
  		
    	d3.selectAll('.bars')
          .transition() 
          .duration(2000)
    	  .attr('x',function(d,i){
            var cw = x_scale(d);
            var temp = oTemp;
            oTemp = oTemp + cw
            return temp;
            }) 
		    .attr('y',l)
    
    }    
    
    

    
    
    
var group = g.append('g').attr('id','barsGroup')
var selection = group.selectAll('rect')
    .data(array1)
    .enter()
    	.append('rect')
    .attr('class','bars')
    .attr('fill',function(d,i){return color(i)})
    	.attr('height',h)
    .attr('width',function(d,i){
    	return x_scale(d);
    	})
    .attr('x',function(d,i){
      	var cw = x_scale(d);
		var temp = o;
        o = o + cw
    	return temp;
    	}) 
    .attr('y',l)
    
    group.on('touchstart',touchStart)
         .on('mousedown',touchStart)
         .on('mouseup',touchEnd)
         .on('touchend',touchEnd);