boxplot.svg

<?xml version='1.0' encoding='utf-8'?>
<svg xmlns="http://www.w3.org/2000/svg" id="chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85" class="pygal-chart" viewBox="0 0 800 600"><!--Generated with pygal 3.0.5 (etree) ©Kozea 2012-2016 on 2024-10-24--><!--http://pygal.org--><!--http://github.com/Kozea/pygal--><defs><style type="text/css">#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85{-webkit-user-select:none;-webkit-font-smoothing:antialiased;font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .title{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:16px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .legends .legend text{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:14px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis text{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:10px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis text.major{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:10px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay text.value{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:16px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay text.label{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:10px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:14px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 text.no_data{font-family:Consolas,"Deja Vu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace;font-size:64px}
#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85{background-color:rgba(249,249,249,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 path,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 rect,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 circle{-webkit-transition:150ms;-moz-transition:150ms;transition:150ms}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .graph &gt; .background{fill:rgba(249,249,249,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .plot &gt; .background{fill:rgba(255,255,255,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .graph{fill:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 text.no_data{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .title{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .legends .legend text{fill:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .legends .legend:hover text{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .line{stroke:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .guide.line{stroke:rgba(0,0,0,.54)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .major.line{stroke:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis text.major{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y .guides:hover .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .line-graph .axis.x .guides:hover .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .stackedline-graph .axis.x .guides:hover .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .xy-graph .axis.x .guides:hover .guide.line{stroke:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .guides:hover text{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .reactive{fill-opacity:.7;stroke-opacity:.8;stroke-width:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .ci{stroke:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .reactive.active,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .active .reactive{fill-opacity:.8;stroke-opacity:.9;stroke-width:4}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .ci .reactive.active{stroke-width:1.5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .series text{fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip rect{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,1);-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;transition:opacity 150ms}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .label{fill:rgba(0,0,0,.87)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .legend{font-size:.8em;fill:rgba(0,0,0,.54)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .x_label{font-size:.6em;fill:rgba(0,0,0,1)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .xlink{font-size:.5em;text-decoration:underline}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip .value{font-size:1.5em}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .bound{font-size:.5em}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .max-value{font-size:.75em;fill:rgba(0,0,0,.54)}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .map-element{fill:rgba(255,255,255,1);stroke:rgba(0,0,0,.54) !important}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .map-element .reactive{fill-opacity:inherit;stroke-opacity:inherit}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-0,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-0 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-1,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-1 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-2,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-2 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-3,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .color-3 a:visited{stroke:#3F51B5;fill:#3F51B5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay .color-0 text{fill:black}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay .color-1 text{fill:black}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay .color-2 text{fill:black}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .text-overlay .color-3 text{fill:black}
#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 text.no_data{text-anchor:middle}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .guide.line{fill:none}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .centered{text-anchor:middle}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .title{text-anchor:middle}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .legends .legend text{fill-opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.x text{text-anchor:middle}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.x:not(.web) text[transform]{text-anchor:start}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.x:not(.web) text[transform].backwards{text-anchor:end}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y text{text-anchor:end}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y text[transform].backwards{text-anchor:start}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y2 text{text-anchor:start}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y2 text[transform].backwards{text-anchor:end}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .guide.line{stroke-dasharray:4,4;stroke:black}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .major.guide.line{stroke-dasharray:6,6;stroke:black}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .horizontal .axis.y .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .horizontal .axis.y2 .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .vertical .axis.x .guide.line{opacity:0}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .horizontal .axis.always_show .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .vertical .axis.always_show .guide.line{opacity:1 !important}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y .guides:hover .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.y2 .guides:hover .guide.line,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis.x .guides:hover .guide.line{opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .axis .guides:hover text{opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .nofill{fill:none}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .subtle-fill{fill-opacity:.2}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .dot{stroke-width:1px;fill-opacity:1;stroke-opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .dot.active{stroke-width:5px}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .dot.negative{fill:transparent}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 text,#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 tspan{stroke:none !important}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .series text.active{opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip rect{fill-opacity:.95;stroke-width:.5}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .tooltip text{fill-opacity:1}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .showable{visibility:hidden}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .showable.shown{visibility:visible}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .gauge-background{fill:rgba(229,229,229,1);stroke:none}#chart-d3bee9f4-885d-42ab-9804-cba2af2b2c85 .bg-lines{stroke:rgba(249,249,249,1);stroke-width:2px}
.tooltip .value{font-size:1em !important}.axis text{font-size:9px !important}</style><script type="text/javascript">window.pygal = window.pygal || {};window.pygal.config = window.pygal.config || {};window.pygal.config['d3bee9f4-885d-42ab-9804-cba2af2b2c85'] = {"allow_interruptions": false, "box_mode": "tukey", "classes": ["pygal-chart"], "css": ["file://style.css", "file://graph.css", "inline:\n                .tooltip .value {\n                    font-size: 1em !important;\n                }\n                .axis text {\n                    font-size: 9px !important;\n                }\n            "], "defs": [], "disable_xml_declaration": false, "dots_size": 2.5, "dynamic_print_values": false, "explicit_size": false, "fill": false, "force_uri_protocol": "https", "formatter": null, "half_pie": false, "height": 600, "include_x_axis": false, "inner_radius": 0, "interpolate": null, "interpolation_parameters": {}, "interpolation_precision": 250, "inverse_y_axis": false, "js": ["file://C:\\Users\\faati\\PycharmProjects\\pythonProject\\venc\\Lib\\site-packages\\pygaljs\\static\\2.0.x\\pygal-tooltips.js"], "legend_at_bottom": false, "legend_at_bottom_columns": null, "legend_box_size": 12, "logarithmic": false, "margin": 20, "margin_bottom": null, "margin_left": null, "margin_right": null, "margin_top": null, "max_scale": 20, "min_scale": 20, "missing_value_fill_truncation": "x", "no_data_text": "No data", "no_prefix": false, "order_min": null, "pretty_print": false, "print_labels": false, "print_values": false, "print_values_position": "center", "print_zeroes": true, "range": [45, 360], "rounded_bars": null, "secondary_range": null, "show_dots": true, "show_legend": false, "show_minor_x_labels": true, "show_minor_y_labels": true, "show_only_major_dots": false, "show_x_guides": false, "show_x_labels": true, "show_y_guides": true, "show_y_labels": true, "spacing": 10, "stack_from_top": false, "strict": false, "stroke": true, "stroke_style": null, "style": {"background": "rgba(249, 249, 249, 1)", "ci_colors": [], "colors": ["#3F51B5", "#3F51B5", "#3F51B5", "#3F51B5"], "dot_opacity": "1", "font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "foreground": "rgba(0, 0, 0, .87)", "foreground_strong": "rgba(0, 0, 0, 1)", "foreground_subtle": "rgba(0, 0, 0, .54)", "guide_stroke_color": "black", "guide_stroke_dasharray": "4,4", "label_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "label_font_size": 10, "legend_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "legend_font_size": 14, "major_guide_stroke_color": "black", "major_guide_stroke_dasharray": "6,6", "major_label_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "major_label_font_size": 10, "no_data_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "no_data_font_size": 64, "opacity": ".7", "opacity_hover": ".8", "plot_background": "rgba(255, 255, 255, 1)", "stroke_opacity": ".8", "stroke_opacity_hover": ".9", "stroke_width": "1", "stroke_width_hover": "4", "title_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "title_font_size": 16, "tooltip_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "tooltip_font_size": 14, "transition": "150ms", "value_background": "rgba(229, 229, 229, 1)", "value_colors": [], "value_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "value_font_size": 16, "value_label_font_family": "Consolas, \"Deja Vu Sans Mono\", \"Bitstream Vera Sans Mono\", \"Courier New\", monospace", "value_label_font_size": 10}, "title": "Speed in Milliseconds (ms)", "tooltip_border_radius": 0, "tooltip_fancy_mode": true, "truncate_label": 50, "truncate_legend": null, "width": 800, "x_label_rotation": 270, "x_labels": ["test_string_3_100_times", "test_string_2_100_times", "test_string_1_100_times", "test_string_4_100_times"], "x_labels_major": null, "x_labels_major_count": null, "x_labels_major_every": null, "x_title": "Trial", "xrange": null, "y_label_rotation": 0, "y_labels": null, "y_labels_major": null, "y_labels_major_count": null, "y_labels_major_every": null, "y_title": "Duration", "zero": 45, "legends": ["tests/app_test.py::test_string_3_100_times - 100 rounds", "tests/app_test.py::test_string_2_100_times - 100 rounds", "tests/app_test.py::test_string_1_100_times - 100 rounds", "tests/app_test.py::test_string_4_100_times - 100 rounds"]}</script><script type="text/javascript">(function() {
  var $, get_translation, init, init_svg, matches, padding, r_translation, sibl, svg_ns, tooltip_timeout, xlink_ns;

  svg_ns = 'http://www.w3.org/2000/svg';

  xlink_ns = 'http://www.w3.org/1999/xlink';

  $ = function(sel, ctx) {
    if (ctx == null) {
      ctx = null;
    }
    ctx = ctx || document;
    return Array.prototype.slice.call(ctx.querySelectorAll(sel), 0).filter(function(e) {
      return e !== ctx;
    });
  };

  matches = function(el, selector) {
    return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
  };

  sibl = function(el, match) {
    if (match == null) {
      match = null;
    }
    return Array.prototype.filter.call(el.parentElement.children, function(child) {
      return child !== el &amp;&amp; (!match || matches(child, match));
    });
  };

  Array.prototype.one = function() {
    return this.length &gt; 0 &amp;&amp; this[0] || {};
  };

  padding = 5;

  tooltip_timeout = null;

  r_translation = /translate\((\d+)[ ,]+(\d+)\)/;

  get_translation = function(el) {
    return (r_translation.exec(el.getAttribute('transform')) || []).slice(1).map(function(x) {
      return +x;
    });
  };

  init = function(ctx) {
    var bbox, box, config, el, graph, inner_svg, num, parent, tooltip, tooltip_el, tt, uid, untooltip, xconvert, yconvert, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _ref3;
    if ($('svg', ctx).length) {
      inner_svg = $('svg', ctx).one();
      parent = inner_svg.parentElement;
      box = inner_svg.viewBox.baseVal;
      bbox = parent.getBBox();
      xconvert = function(x) {
        return ((x - box.x) / box.width) * bbox.width;
      };
      yconvert = function(y) {
        return ((y - box.y) / box.height) * bbox.height;
      };
    } else {
      xconvert = yconvert = function(x) {
        return x;
      };
    }
    if (((_ref = window.pygal) != null ? _ref.config : void 0) != null) {
      if (window.pygal.config.no_prefix != null) {
        config = window.pygal.config;
      } else {
        uid = ctx.id.replace('chart-', '');
        config = window.pygal.config[uid];
      }
    } else {
      config = window.config;
    }
    tooltip_el = null;
    graph = $('.graph').one();
    tt = $('.tooltip', ctx).one();
    _ref1 = $('.reactive', ctx);
    for (_i = 0, _len = _ref1.length; _i &lt; _len; _i++) {
      el = _ref1[_i];
      el.addEventListener('mouseenter', (function(el) {
        return function() {
          return el.classList.add('active');
        };
      })(el));
      el.addEventListener('mouseleave', (function(el) {
        return function() {
          return el.classList.remove('active');
        };
      })(el));
    }
    _ref2 = $('.activate-serie', ctx);
    for (_j = 0, _len1 = _ref2.length; _j &lt; _len1; _j++) {
      el = _ref2[_j];
      num = el.id.replace('activate-serie-', '');
      el.addEventListener('mouseenter', (function(num) {
        return function() {
          var re, _k, _len2, _ref3, _results;
          _ref3 = $('.serie-' + num + ' .reactive', ctx);
          _results = [];
          for (_k = 0, _len2 = _ref3.length; _k &lt; _len2; _k++) {
            re = _ref3[_k];
            _results.push(re.classList.add('active'));
          }
          return _results;
        };
      })(num));
      el.addEventListener('mouseleave', (function(num) {
        return function() {
          var re, _k, _len2, _ref3, _results;
          _ref3 = $('.serie-' + num + ' .reactive', ctx);
          _results = [];
          for (_k = 0, _len2 = _ref3.length; _k &lt; _len2; _k++) {
            re = _ref3[_k];
            _results.push(re.classList.remove('active'));
          }
          return _results;
        };
      })(num));
      el.addEventListener('click', (function(el, num) {
        return function() {
          var ov, re, rect, show, _k, _l, _len2, _len3, _ref3, _ref4, _results;
          rect = $('rect', el).one();
          show = rect.style.fill !== '';
          rect.style.fill = show ? '' : 'transparent';
          _ref3 = $('.serie-' + num + ' .reactive', ctx);
          for (_k = 0, _len2 = _ref3.length; _k &lt; _len2; _k++) {
            re = _ref3[_k];
            re.style.display = show ? '' : 'none';
          }
          _ref4 = $('.text-overlay .serie-' + num, ctx);
          _results = [];
          for (_l = 0, _len3 = _ref4.length; _l &lt; _len3; _l++) {
            ov = _ref4[_l];
            _results.push(ov.style.display = show ? '' : 'none');
          }
          return _results;
        };
      })(el, num));
    }
    _ref3 = $('.tooltip-trigger', ctx);
    for (_k = 0, _len2 = _ref3.length; _k &lt; _len2; _k++) {
      el = _ref3[_k];
      el.addEventListener('mouseenter', (function(el) {
        return function() {
          return tooltip_el = tooltip(el);
        };
      })(el));
    }
    tt.addEventListener('mouseenter', function() {
      return tooltip_el != null ? tooltip_el.classList.add('active') : void 0;
    });
    tt.addEventListener('mouseleave', function() {
      return tooltip_el != null ? tooltip_el.classList.remove('active') : void 0;
    });
    ctx.addEventListener('mouseleave', function() {
      if (tooltip_timeout) {
        clearTimeout(tooltip_timeout);
      }
      return untooltip(0);
    });
    graph.addEventListener('mousemove', function(el) {
      if (tooltip_timeout) {
        return;
      }
      if (!matches(el.target, '.background')) {
        return;
      }
      return untooltip(1000);
    });
    tooltip = function(el) {
      var a, baseline, cls, current_x, current_y, dy, h, i, key, keys, label, legend, name, plot_x, plot_y, rect, serie_index, subval, text, text_group, texts, traversal, value, w, x, x_elt, x_label, xlink, y, y_elt, _l, _len3, _len4, _len5, _m, _n, _ref4, _ref5, _ref6, _ref7, _ref8;
      clearTimeout(tooltip_timeout);
      tooltip_timeout = null;
      tt.style.opacity = 1;
      tt.style.display = '';
      text_group = $('g.text', tt).one();
      rect = $('rect', tt).one();
      text_group.innerHTML = '';
      label = sibl(el, '.label').one().textContent;
      x_label = sibl(el, '.x_label').one().textContent;
      value = sibl(el, '.value').one().textContent;
      xlink = sibl(el, '.xlink').one().textContent;
      serie_index = null;
      parent = el;
      traversal = [];
      while (parent) {
        traversal.push(parent);
        if (parent.classList.contains('series')) {
          break;
        }
        parent = parent.parentElement;
      }
      if (parent) {
        _ref4 = parent.classList;
        for (_l = 0, _len3 = _ref4.length; _l &lt; _len3; _l++) {
          cls = _ref4[_l];
          if (cls.indexOf('serie-') === 0) {
            serie_index = +cls.replace('serie-', '');
            break;
          }
        }
      }
      legend = null;
      if (serie_index !== null) {
        legend = config.legends[serie_index];
      }
      dy = 0;
      keys = [[label, 'label']];
      _ref5 = value.split('\n');
      for (i = _m = 0, _len4 = _ref5.length; _m &lt; _len4; i = ++_m) {
        subval = _ref5[i];
        keys.push([subval, 'value-' + i]);
      }
      if (config.tooltip_fancy_mode) {
        keys.push([xlink, 'xlink']);
        keys.unshift([x_label, 'x_label']);
        keys.unshift([legend, 'legend']);
      }
      texts = {};
      for (_n = 0, _len5 = keys.length; _n &lt; _len5; _n++) {
        _ref6 = keys[_n], key = _ref6[0], name = _ref6[1];
        if (key) {
          text = document.createElementNS(svg_ns, 'text');
          text.textContent = key;
          text.setAttribute('x', padding);
          text.setAttribute('dy', dy);
          text.classList.add(name.indexOf('value') === 0 ? 'value' : name);
          if (name.indexOf('value') === 0 &amp;&amp; config.tooltip_fancy_mode) {
            text.classList.add('color-' + serie_index);
          }
          if (name === 'xlink') {
            a = document.createElementNS(svg_ns, 'a');
            a.setAttributeNS(xlink_ns, 'href', key);
            a.textContent = void 0;
            a.appendChild(text);
            text.textContent = 'Link &gt;';
            text_group.appendChild(a);
          } else {
            text_group.appendChild(text);
          }
          dy += text.getBBox().height + padding / 2;
          baseline = padding;
          if (text.style.dominantBaseline !== void 0) {
            text.style.dominantBaseline = 'text-before-edge';
          } else {
            baseline += text.getBBox().height * .8;
          }
          text.setAttribute('y', baseline);
          texts[name] = text;
        }
      }
      w = text_group.getBBox().width + 2 * padding;
      h = text_group.getBBox().height + 2 * padding;
      rect.setAttribute('width', w);
      rect.setAttribute('height', h);
      if (texts.value) {
        texts.value.setAttribute('dx', (w - texts.value.getBBox().width) / 2 - padding);
      }
      if (texts.x_label) {
        texts.x_label.setAttribute('dx', w - texts.x_label.getBBox().width - 2 * padding);
      }
      if (texts.xlink) {
        texts.xlink.setAttribute('dx', w - texts.xlink.getBBox().width - 2 * padding);
      }
      x_elt = sibl(el, '.x').one();
      y_elt = sibl(el, '.y').one();
      x = parseInt(x_elt.textContent);
      if (x_elt.classList.contains('centered')) {
        x -= w / 2;
      } else if (x_elt.classList.contains('left')) {
        x -= w;
      } else if (x_elt.classList.contains('auto')) {
        x = xconvert(el.getBBox().x + el.getBBox().width / 2) - w / 2;
      }
      y = parseInt(y_elt.textContent);
      if (y_elt.classList.contains('centered')) {
        y -= h / 2;
      } else if (y_elt.classList.contains('top')) {
        y -= h;
      } else if (y_elt.classList.contains('auto')) {
        y = yconvert(el.getBBox().y + el.getBBox().height / 2) - h / 2;
      }
      _ref7 = get_translation(tt.parentElement), plot_x = _ref7[0], plot_y = _ref7[1];
      if (x + w + plot_x &gt; config.width) {
        x = config.width - w - plot_x;
      }
      if (y + h + plot_y &gt; config.height) {
        y = config.height - h - plot_y;
      }
      if (x + plot_x &lt; 0) {
        x = -plot_x;
      }
      if (y + plot_y &lt; 0) {
        y = -plot_y;
      }
      _ref8 = get_translation(tt), current_x = _ref8[0], current_y = _ref8[1];
      if (current_x === x &amp;&amp; current_y === y) {
        return el;
      }
      tt.setAttribute('transform', "translate(" + x + " " + y + ")");
      return el;
    };
    return untooltip = function(ms) {
      return tooltip_timeout = setTimeout(function() {
        tt.style.display = 'none';
        tt.style.opacity = 0;
        if (tooltip_el != null) {
          tooltip_el.classList.remove('active');
        }
        return tooltip_timeout = null;
      }, ms);
    };
  };

  init_svg = function() {
    var chart, charts, _i, _len, _results;
    charts = $('.pygal-chart');
    if (charts.length) {
      _results = [];
      for (_i = 0, _len = charts.length; _i &lt; _len; _i++) {
        chart = charts[_i];
        _results.push(init(chart));
      }
      return _results;
    }
  };

  if (document.readyState !== 'loading') {
    init_svg();
  } else {
    document.addEventListener('DOMContentLoaded', function() {
      return init_svg();
    });
  }

  window.pygal = window.pygal || {};

  window.pygal.init = init;

  window.pygal.init_svg = init_svg;

}).call(this);
</script></defs><title>Speed in Milliseconds (ms)</title><g class="graph custombox-graph vertical"><rect x="0" y="0" width="800" height="600" class="background" /><g transform="translate(74, 46)" class="plot"><rect x="0" y="0" width="706.0" height="360.0" class="background" /><g class="axis y always_show"><path d="M0.000000 360.000000 h706.000000" class="line" /><g class="guides"><path d="M0.000000 336.593407 h706.000000" class="guide line" /><text x="-5" y="340.0934065934066" class="">60</text><title>60</title></g><g class="guides"><path d="M0.000000 314.615385 h706.000000" class="guide line" /><text x="-5" y="318.11538461538464" class="">80</text><title>80</title></g><g class="guides"><path d="M0.000000 292.637363 h706.000000" class="major guide line" /><text x="-5" y="296.1373626373626" class="major">100</text><title>100</title></g><g class="guides"><path d="M0.000000 270.659341 h706.000000" class="guide line" /><text x="-5" y="274.15934065934067" class="">120</text><title>120</title></g><g class="guides"><path d="M0.000000 248.681319 h706.000000" class="guide line" /><text x="-5" y="252.1813186813187" class="">140</text><title>140</title></g><g class="guides"><path d="M0.000000 226.703297 h706.000000" class="guide line" /><text x="-5" y="230.2032967032967" class="">160</text><title>160</title></g><g class="guides"><path d="M0.000000 204.725275 h706.000000" class="guide line" /><text x="-5" y="208.22527472527472" class="">180</text><title>180</title></g><g class="guides"><path d="M0.000000 182.747253 h706.000000" class="major guide line" /><text x="-5" y="186.24725274725273" class="major">200</text><title>200</title></g><g class="guides"><path d="M0.000000 160.769231 h706.000000" class="guide line" /><text x="-5" y="164.26923076923077" class="">220</text><title>220</title></g><g class="guides"><path d="M0.000000 138.791209 h706.000000" class="guide line" /><text x="-5" y="142.29120879120882" class="">240</text><title>240</title></g><g class="guides"><path d="M0.000000 116.813187 h706.000000" class="guide line" /><text x="-5" y="120.31318681318683" class="">260</text><title>260</title></g><g class="guides"><path d="M0.000000 94.835165 h706.000000" class="guide line" /><text x="-5" y="98.33516483516485" class="">280</text><title>280</title></g><g class="guides"><path d="M0.000000 72.857143 h706.000000" class="major guide line" /><text x="-5" y="76.35714285714289" class="major">300</text><title>300</title></g><g class="guides"><path d="M0.000000 50.879121 h706.000000" class="guide line" /><text x="-5" y="54.379120879120876" class="">320</text><title>320</title></g><g class="guides"><path d="M0.000000 28.901099 h706.000000" class="guide line" /><text x="-5" y="32.40109890109892" class="">340</text><title>340</title></g><g class="guides"><path d="M0.000000 6.923077 h706.000000" class="guide line" /><text x="-5" y="10.423076923076962" class="">360</text><title>360</title></g></g><g class="axis x"><path d="M0.000000 0.000000 v360.000000" class="line" /><g class="guides"><path d="M98.432692 0.000000 v360.000000" class="guide line" /><text x="98.43269230769229" y="375.0" class="backwards" transform="rotate(270 98.432692 375.000000)">test_string_3_100_times</text></g><g class="guides"><path d="M268.144231 0.000000 v360.000000" class="guide line" /><text x="268.1442307692308" y="375.0" class="backwards" transform="rotate(270 268.144231 375.000000)">test_string_2_100_times</text></g><g class="guides"><path d="M437.855769 0.000000 v360.000000" class="guide line" /><text x="437.8557692307692" y="375.0" class="backwards" transform="rotate(270 437.855769 375.000000)">test_string_1_100_times</text></g><g class="guides"><path d="M607.567308 0.000000 v360.000000" class="guide line" /><text x="607.5673076923076" y="375.0" class="backwards" transform="rotate(270 607.567308 375.000000)">test_string_4_100_times</text></g></g><g class="series serie-0 color-0"><g class="boxes"><g class="box"><path stroke-width="3" d="M61.096154 352.165275 L135.769231 352.165275" class="reactive tooltip-trigger" /><path stroke-width="3" d="M23.759615 338.575769 L173.105769 338.575769" class="reactive tooltip-trigger" /><path stroke-width="3" d="M61.096154 307.993846 L135.769231 307.993846" class="reactive tooltip-trigger" /><path stroke-width="2" d="M98.432692 352.165275 L98.432692 344.431648" class="reactive tooltip-trigger" /><path stroke-width="2" d="M98.432692 307.993846 L98.432692 329.984231" class="reactive tooltip-trigger" /><rect x="23.759615384615383" y="329.9842307623092" height="14.447417581302943" width="149.34615384615384" class="subtle-fill reactive tooltip-trigger" /><circle cx="98.4326923076923" cy="352.1652747255975" r="3" class="subtle-fill reactive tooltip-trigger" /><circle cx="98.4326923076923" cy="85.02582417844519" r="3" class="subtle-fill reactive tooltip-trigger" /><desc class="value">Min: 45.8296
Q1-1.5IQR: 45.8296
Q1: 52.8672
Median: 58.1960
Q3: 66.0144
Q3+1.5IQR: 86.0256
Max: 288.9265</desc><desc class="x centered">98.4326923076923</desc><desc class="y centered">334.63015384323495</desc><desc class="x_label" /></g></g></g><g class="series serie-1 color-1"><g class="boxes"><g class="box"><path stroke-width="3" d="M230.807692 350.962747 L305.480769 350.962747" class="reactive tooltip-trigger" /><path stroke-width="3" d="M193.471154 337.854945 L342.817308 337.854945" class="reactive tooltip-trigger" /><path stroke-width="3" d="M230.807692 313.518791 L305.480769 313.518791" class="reactive tooltip-trigger" /><path stroke-width="2" d="M268.144231 350.962747 L268.144231 343.352418" class="reactive tooltip-trigger" /><path stroke-width="2" d="M268.144231 313.518791 L268.144231 332.327637" class="reactive tooltip-trigger" /><rect x="193.4711538461538" y="332.3276373614803" height="11.02478022253456" width="149.34615384615384" class="subtle-fill reactive tooltip-trigger" /><circle cx="268.1442307692307" cy="350.9627472593418" r="3" class="subtle-fill reactive tooltip-trigger" /><circle cx="268.1442307692307" cy="240.88263735528216" r="3" class="subtle-fill reactive tooltip-trigger" /><desc class="value">Min: 46.9239
Q1-1.5IQR: 46.9239
Q1: 53.8493
Median: 58.8520
Q3: 63.8819
Q3+1.5IQR: 80.9979
Max: 147.0968</desc><desc class="x centered">268.1442307692307</desc><desc class="y centered">335.60330769397666</desc><desc class="x_label" /></g></g></g><g class="series serie-2 color-2"><g class="boxes"><g class="box"><path stroke-width="3" d="M400.519231 350.541978 L475.192308 350.541978" class="reactive tooltip-trigger" /><path stroke-width="3" d="M363.182692 203.325879 L512.528846 203.325879" class="reactive tooltip-trigger" /><path stroke-width="3" d="M400.519231 7.497253 L475.192308 7.497253" class="reactive tooltip-trigger" /><path stroke-width="2" d="M437.855769 350.541978 L437.855769 335.741319" class="reactive tooltip-trigger" /><path stroke-width="2" d="M437.855769 7.497253 L437.855769 65.755714" class="reactive tooltip-trigger" /><rect x="363.1826923076923" y="65.75571429068839" height="269.9856043893685" width="149.34615384615384" class="subtle-fill reactive tooltip-trigger" /><circle cx="437.8557692307692" cy="350.5419780228512" r="3" class="subtle-fill reactive tooltip-trigger" /><circle cx="437.8557692307692" cy="7.497252737105441" r="3" class="subtle-fill reactive tooltip-trigger" /><desc class="value">Min: 47.3068
Q1-1.5IQR: 47.3068
Q1: 60.7754
Median: 181.2734
Q3: 306.4623
Q3+1.5IQR: 359.4775
Max: 359.4775</desc><desc class="x centered">437.8557692307692</desc><desc class="y centered">192.57242857073024</desc><desc class="x_label" /></g></g></g><g class="series serie-3 color-3"><g class="boxes"><g class="box"><path stroke-width="3" d="M570.230769 349.179780 L644.903846 349.179780" class="reactive tooltip-trigger" /><path stroke-width="3" d="M532.894231 333.221319 L682.240385 333.221319" class="reactive tooltip-trigger" /><path stroke-width="3" d="M570.230769 299.439890 L644.903846 299.439890" class="reactive tooltip-trigger" /><path stroke-width="2" d="M607.567308 349.179780 L607.567308 340.002912" class="reactive tooltip-trigger" /><path stroke-width="2" d="M607.567308 299.439890 L607.567308 326.022198" class="reactive tooltip-trigger" /><rect x="532.8942307692307" y="326.0221978096332" height="13.980714280918221" width="149.34615384615384" class="subtle-fill reactive tooltip-trigger" /><circle cx="607.5673076923076" cy="349.1797802104502" r="3" class="subtle-fill reactive tooltip-trigger" /><circle cx="607.5673076923076" cy="266.6550549546226" r="3" class="subtle-fill reactive tooltip-trigger" /><desc class="value">Min: 48.5464
Q1-1.5IQR: 48.5464
Q1: 56.8973
Median: 63.0686
Q3: 69.6198
Q3+1.5IQR: 93.8097
Max: 123.6439</desc><desc class="x centered">607.5673076923076</desc><desc class="y centered">329.57321978111463</desc><desc class="x_label" /></g></g></g></g><g class="titles"><text x="400.0" y="26" class="title plot_title">Speed in Milliseconds (ms)</text><text x="427.0" y="580.0" class="title">Trial</text><text x="0" y="252.0" class="title" transform="rotate(-90 0.000000 226.000000)">Duration</text></g><g transform="translate(74, 46)" class="plot overlay"><g class="series serie-0 color-0" /><g class="series serie-1 color-1" /><g class="series serie-2 color-2" /><g class="series serie-3 color-3" /></g><g transform="translate(74, 46)" class="plot text-overlay"><g class="series serie-0 color-0" /><g class="series serie-1 color-1" /><g class="series serie-2 color-2" /><g class="series serie-3 color-3" /></g><g transform="translate(74, 46)" class="plot tooltip-overlay"><g transform="translate(0 0)" style="opacity: 0" class="tooltip"><rect rx="0" ry="0" width="0" height="0" class="tooltip-box" /><g class="text" /></g></g></g></svg>