anchor.diff:                .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'});
  +              .text(function(d){ return d; }).style({'fill':'#fff','font-size':'14px'});
   
   
   </script>
  
positive.code: <div id="wrapper">
  </div>
  <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'];
  
  
negative.code:     var grids = canvas.append('g')
                .attr('id','grid')
                .attr('transform','translate(150,10)')
                // .selectAll('line')
                .data(grid)
                .enter()
                .append('line')
  