anchor.diff:          .call(xAxis1)
         .append("text")
           .attr("class", "label")
  -        .attr("x", width1)
  -        .attr("y", -6)
  +        .attr("x1", width1)
  +        .attr("y1", -6)
           .style("text-anchor", "end")
           .text("contributor");
   
  
positive.code:         .data(data)
        .enter().append("circle")
          .attr("class", "dot")
          .attr("r", 20)
          .attr("cx", function(d) { 
            console.log("cont "+d.cont)
            return x(d.cont); })
          .attr("cy", function(d) { 
            console.log("collab "+d.collab)
            return y(d.collab); })
          .style("fill", "red")
  
      // var legend = svg.selectAll(".legend")
      //     .data(color.domain())
  
negative.code: </div>
  <style>
  
    .bar rect {
      fill: steelblue;
    }
  
    .bar text {
      fill: #fff;
      font: 10px sans-serif;
    }
  </style>
  
  <script src="https://d3js.org/d3.v3.min.js"></script>
  