anchor.diff:        </div>
       </div>
     </div>
  -  <div class="col-lg-4">
  +  <div class="col-lg-3">
       <div class="panel panel-default">
         <div class="panel-heading">Indice de atacabilitate <%= @court.atacability_indicator.to_i %>%</div>
         <div class="panel-body">
  
positive.code:           .endAngle(0.02*Math.PI*percentage);
  
          vis.append("path")
            .style("fill", function(d){return "#AA8888";})
            .attr("d", arc)
            .attr("transform", "translate(100,100)");
        };
        make_donut("operativity_donut", <%= @court.operativity.to_i %>);
        make_donut("atacability_donut", <%= @court.atacability_indicator.to_i %>);
        make_donut("casation_donut", <%= @court.casation_indicator.to_i %>);
      });
    </script>
  <% end %>
  
negative.code:       </div>
      </div>
    </div>
    <div class="col-lg-3">
      <div class="panel panel-default">
        <div class="panel-heading">Indice de Casație <%= @court.casation_indicator.to_i %>%</div>
        <div class="panel-body">
          <svg id="casation_donut" width="200" height="200"></svg>
        </div>
      </div>
    </div>
    <div class="col-lg-3">
      <div class="panel panel-default">
        <div class="panel-heading">Indice de incarcatura <%= @court.load_indicator.to_i %>%</div>
        <div class="panel-body">
          <svg id="load_indicator_donut" width="200" height="200"></svg>
        </div>
      </div>
    </div>
  