anchor.diff:              .range([0,722]);
   
       var yscale = d3.scale.linear()
  -            .domain([0,categories.length - 1])
  -            .range([0,480]);
  +            .domain([0,categories.length ])
  +            .range([0,300]);
   
       var colorScale = d3.scale.quantize()
               .domain([0,categories.length])
  
positive.code:               .attr("transform", "translate(150,0)")
                .attr('id','bars')
                .selectAll('rect')
                .data(dollars)
                .enter()
                .append('rect')
                .attr('height',50)
                .attr({'x':0,'y':function(d,i){ return yscale(i)-50; }}) //this changes position of the bars starting at y = 0
                .style('fill',function(d,i){ return colorScale(i); })
                .attr('width',function(d){ return 0; });
  
  
      var transit = d3.select("svg").selectAll("rect")
                  .data(dollars)
                  .transition()
                  .duration(1000)
                  .attr("width", function(d) {return xscale(d); });
  
      var transitext = d3.select('#bars')
                .selectAll('text')
                .data(dollars)
                .enter()
                .append('text')
                .attr({'x':function(d) {return xscale(d)-200; },'y':function(d,i){ return yscale(i)+35; }})
                .text(function(d){ return d+"$"; }).style({'fill':'#fff','font-size':'14px'});
  
  
  </script>
  
negative.code: <script>
  var categories= ['Culture', 'Instructional Strageties', 'Culture', 'Instructional Strageties'];
  
      var rating = [1, 2, 3, 4];
  
      var colors = ['#0000b4','#0082ca','#0094ff','#0d4bcf','#0066AE','#074285','#00187B','#285964','#405F83','#416545','#4D7069','#6E9985','#7EBC89','#0283AF','#79BCBF','#99C19E'];
  
  