all_chart_Apple_M1.svg

<svg id="bench-chart" viewBox="0 0 830 580" xmlns="http://www.w3.org/2000/svg">
  <style>
    #bench-chart .grid {
      stroke: #777777;
      stroke-width: 1;
    }

    #bench-chart .dashed {
      stroke: #777777;
      opacity: 0.3;
      stroke-width: 1;
      stroke-dasharray: 5, 5;
    }

    #bench-chart .labels {
      fill: #777777;
      font-size: 13px;
      font-family: sans-serif;
    }

    #bench-chart .x-labels {
      text-anchor: middle;
    }

    #bench-chart .y-labels {
      text-anchor: start;
    }

    #bench-chart .lib-label {
      font-size: 12px;
      font-family: sans-serif;
      text-anchor: end;
    }

    #bench-chart .line-med {
      stroke-width: 6;
      opacity: 0.6;
    }
  </style>

  <g class="grid">
    <line x1="100" y1="520" x2="830" y2="520"></line>
    <line x1="100" y1="520" x2="100" y2="0"></line>
  </g>

  <g class="dashed">
    <line x1="330" y1="520" x2="330" y2="0"></line>
    <line x1="560" y1="520" x2="560" y2="0"></line>
    <line x1="790" y1="520" x2="790" y2="0"></line>

    <line x1="100" y1="20" x2="790" y2="20"></line>
    <line x1="100" y1="145" x2="790" y2="145"></line>
    <line x1="100" y1="270" x2="790" y2="270"></line>
    <line x1="100" y1="395" x2="790" y2="395"></line>
  </g>

  <g class="labels x-labels">
    <text x="100" y="540">10</text>
    <text x="330" y="540">100</text>
    <text x="560" y="540">1000</text>
    <text x="790" y="540">10000</text>
    <text x="445" y="560">ITERATIONS</text>
  </g>

  <g class="labels y-labels">
    <text x="795" y="23">100%</text>
    <text x="795" y="148">75%</text>
    <text x="795" y="273">50%</text>
    <text x="795" y="398">25%</text>
  </g>

  <!--CONTENT_START--><g>
    <text
      class="lib-label"
      x="95"
      y="23"
      fill="hsl(95, 90%, 45%)"
    >frpts 1.0.0-beta.6</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(95, 90%, 45%)" 
      points="100,20 330,102.07382980991068 560,198.5714285737487 790,305.7142855905449"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="51.2884995060037"
      fill="hsl(171, 90%, 45%)"
    >nanostores 0.10.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(171, 90%, 45%)" 
      points="100,48.2884995060037 330,188.2059486592143 560,119.99999999999997 790,216.68374210723505"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="68.82986812316409"
      fill="hsl(0, 90%, 45%)"
    >@artalar/act 3.2.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(0, 90%, 45%)" 
      points="100,65.82986812316409 330,20 560,202.38283455969267 790,249.95679296311644"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="113.44889650730903"
      fill="hsl(227, 90%, 45%)"
    >s-js 0.4.9</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(227, 90%, 45%)" 
      points="100,110.44889650730903 330,196.00482886083262 560,110.90909090721178 790,20"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="156.74850299287377"
      fill="hsl(322, 90%, 45%)"
    >whatsup 2.6.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(322, 90%, 45%)" 
      points="100,153.74850299287377 330,281.96066155392407 560,20 790,155.09568575161245"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="173.507405375642"
      fill="hsl(284, 90%, 45%)"
    >usignal 0.9.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(284, 90%, 45%)" 
      points="100,170.507405375642 330,259.2857142859579 560,110.9090908902997 790,262.85714264628854"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="189.507405375642"
      fill="hsl(189, 90%, 45%)"
    >preact 1.6.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(189, 90%, 45%)" 
      points="100,171.16119906881258 330,234.84374999986122 560,150.1775147846067 790,77.26092059978605"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="212.51023391759904"
      fill="hsl(265, 90%, 45%)"
    >spred 0.34.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(265, 90%, 45%)" 
      points="100,209.51023391759904 330,246.92722049358522 560,84.459930305921 790,54.54695869855945"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="285.6284578841069"
      fill="hsl(19, 90%, 45%)"
    >@webreflection/signal 2.1.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(19, 90%, 45%)" 
      points="100,282.6284578841069 330,338.11114654788145 560,406.0759493665057 790,453.166993363903"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="301.6284578841069"
      fill="hsl(246, 90%, 45%)"
    >solid 1.8.16</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(246, 90%, 45%)" 
      points="100,283.84555984527907 330,348.374210051198 560,243.0769230786452 790,294.999999827196"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="317.6284578841069"
      fill="hsl(152, 90%, 45%)"
    >mol 1.0.978</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(152, 90%, 45%)" 
      points="100,290.060150375523 330,343.0972044516734 560,226.49621706080563 790,287.22532578501983"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="333.6284578841069"
      fill="hsl(303, 90%, 45%)"
    >v4 0.0.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(303, 90%, 45%)" 
      points="100,293.4666666663693 330,339.89894603942287 560,318.4954325608129 790,355.3578222306561"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="349.6284578841069"
      fill="hsl(38, 90%, 45%)"
    >cellx 1.10.30</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(38, 90%, 45%)" 
      points="100,323.75019251481234 330,354.343911117425 560,338.796810822322 790,298.67401127660776"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="365.6284578841069"
      fill="hsl(208, 90%, 45%)"
    >reatom 3.7.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(208, 90%, 45%)" 
      points="100,326.43813767416185 330,371.82839698659706 560,352.8131966115866 790,365.7213383642592"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="387.2826712108731"
      fill="hsl(133, 90%, 45%)"
    >mobx 6.12.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(133, 90%, 45%)" 
      points="100,384.2826712108731 330,415.4154727796104 560,406.0759493671615 790,413.2840067648116"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="421.5671641789892"
      fill="hsl(341, 90%, 45%)"
    >wonka 6.3.4</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(341, 90%, 45%)" 
      points="100,418.5671641789892 330,431.5520316378651 560,466.21599655787577 790,484.88983207408097"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="440.30839948938916"
      fill="hsl(114, 90%, 45%)"
    >jotai 2.7.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(114, 90%, 45%)" 
      points="100,437.30839948938916 330,454.2730782530176 560,470.99747364748714 790,485.3846153628736"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="456.30839948938916"
      fill="hsl(57, 90%, 45%)"
    >effector 23.2.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(57, 90%, 45%)" 
      points="100,445.83233091449836 330,339.0058711524965 560,422.1739130439081 790,456.02138303890035"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="474.3799682034386"
      fill="hsl(76, 90%, 45%)"
    >effector.fork 23.2.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(76, 90%, 45%)" 
      points="100,471.3799682034386 330,427.4393410696777 560,465.8926510193139 790,485.779467659202"
    ></polyline>
  </g><!--CONTENT_END-->
</svg>