anchor.diff:    var border = 20;
     var half_border = 10;
     var canvas = Raphael("canvas", diagram_width+border*2, diagram_height+border*2);
  -  var legend = Raphael("legend", 80, 400);
  +  var legend = Raphael("legend", 200, 400);
     var zero_width = (diagram_width+border*2)/2;
     var zero_height = (diagram_height+border*2)/2;
     
  
positive.code:     var u_d_value = <%= person.dimensions.find{|d| d.name == :upward_downward}.value %>;
      var color = colors[<%= i %>]
      draw_circle("<%= person.name %>", p_n_value, f_b_value, u_d_value, color);
      draw_legend("<%= person.name %>", (<%= i %>*20)+20, color, u_d_value);
    <%- end -%>
    
  </script>
negative.code:   draw_index(zero_height, diagram_width+border, "ver");
    
    //draw the dimension-names
    canvas.text(zero_width, zero_height-diagram_height/2-border/2, "zielgerichtet/kontrolliert");
    canvas.text(zero_width, zero_height+diagram_height/2+border/2, "gefühlsbestimmt/ausdrucksvoll");
  
    canvas.text(zero_width-diagram_width/2-border/2, zero_height, "unfreundlich").rotate(-90);
    canvas.text(zero_width+diagram_width/2+border/2, zero_height, "freundlich").rotate(90);
    var colors = ["red", "darkgreen", "darkblue", "black", "aqua", "gold", "greenyellow"];
    
    function draw_circle (name, p_n_value, f_b_value, u_d_value, color) {
      var paper = canvas;
      if (name == "") {
        paper = legend;
      };
      var point = 2;
      var default_circle = 20;
      paper.circle(p_n_value, f_b_value, point).attr("fill", "black");
      paper.circle(p_n_value, f_b_value, default_circle+u_d_value).attr("stroke", color);
      
      paper.text(p_n_value, f_b_value + default_circle+u_d_value+7, name).attr("fill", color);
     }
    
    function draw_legend (name, y_position, color, u_d_value) {
  