anchor.diff:  <div id="wrapper">
   </div>
   <script>
  -var categories= ['Culture', 'Instructional Strageties', 'Culture', 'Instructional Strageties'];
  +var categories= ['Culture', 'Instructional Strageties', 'Engagement', 'Assessment'];
   
  -    var rating = [1, 2, 3, 4];
  +    var rating = [1, 3, 2, 4];
   
       var colors = ['#0000b4','#0082ca','#0094ff','#0d4bcf','#0066AE','#074285','#00187B','#285964','#405F83','#416545','#4D7069','#6E9985','#7EBC89','#0283AF','#79BCBF','#99C19E'];
   
  
positive.code:               .enter()
                .append('text')
                .attr({'x':function(d) {return xscale(d)-100; },'y':function(d,i){ return yscale(i)+35; }})
                .text(function(d){ return d; }).style({'fill':'#fff','font-size':'20px'});
  
  
  </script>
  
negative.code:       yAxis
          .orient('left')
          .scale(yscale)
          .tickSize(1)
          .tickFormat(function(d,i){ return categories[i]; })
          .tickValues(d3.range(17));
  
  