anchor.diff:        .innerRadius(50)
         .outerRadius(100)
         .startAngle(0)
  -      .endAngle(2*Math.PI);
  +      .endAngle(0.02*Math.PI*<%= @court.operativity.to_i %>);
   
         vis.append("path")
         .style("fill", function(d){return "#AA8888";})
  -      .attr("d", arc);
  -      // var vis = d3.select("#svg_donut");
  -      // var arc = d3.svg.arc()
  -      //   .innerRadius(50)
  -      //   .outerRadius(100)
  -      //   .startAngle(0)
  -      //   // .endAngle(0.02*Math.PI*<%= @court.operativity.to_i %>);
  -      //   .endAngle(2*Math.PI);
  -      //
  -      // vis.append("path")
  -      //   .attr("d", arc)
  -      //   .attr("transform", "translate(300,200)");
  +      .attr("d", arc)
  +      .attr("transform", "translate(100,100)");
       });
     </script>
   <% end %>
   
  +<div class="row">
   <div class="col-lg-12">
     <div class="bs-component">
       <div class="jumbotron">
  
positive.code:     </ul>
    </div>
  </div> 
  <div class="col-lg-4">
    <div class="bs-component">
      <ul class="list-group">
        <li class="list-group-item">
          <svg id="svg_donut" width="600" height="400"></svg>
        </li>
      </ul>
    </div>
  </div> 
  
  
  
negative.code:     </ul>
    </div>
  </div> 
  <div class="col-lg-6">
    <div class="bs-component">
      <ul class="list-group">
        <li class="list-group-item">
  