popular_chart_AMD_EPYC_7B13.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(180, 90%, 45%)"
    >nanostores 0.7.4</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(180, 90%, 45%)" 
      points="100,20 330,20 560,20 790,20"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="221.68066499285447"
      fill="hsl(216, 90%, 45%)"
    >preact 1.2.3</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(216, 90%, 45%)" 
      points="100,218.68066499285447 330,129.97768447794618 560,78.67201506322277 790,181.12532707941884"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="320.1511248096688"
      fill="hsl(288, 90%, 45%)"
    >solid 1.7.3</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(288, 90%, 45%)" 
      points="100,317.1511248096688 330,281.87232361447417 560,172.09150966103763 790,245.10375092570706"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="375.08842362625705"
      fill="hsl(252, 90%, 45%)"
    >reatom 3.2.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(252, 90%, 45%)" 
      points="100,372.08842362625705 330,332.7486992235886 560,265.87164766923934 790,344.966980416467"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="392.04996002448075"
      fill="hsl(144, 90%, 45%)"
    >mol 1.0.548</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(144, 90%, 45%)" 
      points="100,389.04996002448075 330,280.14507142765723 560,133.32062205753397 790,178.06452058697596"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="418.51945927048826"
      fill="hsl(108, 90%, 45%)"
    >mobx 6.9.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(108, 90%, 45%)" 
      points="100,415.51945927048826 330,396.6633067859303 560,388.20738059568134 790,409.3990011370998"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="446.2255080205438"
      fill="hsl(72, 90%, 45%)"
    >jotai 2.0.3</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(72, 90%, 45%)" 
      points="100,443.2255080205438 330,441.6709343092783 560,444.5227600878304 790,469.93387662536065"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="462.2255080205438"
      fill="hsl(324, 90%, 45%)"
    >wonka 6.3.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(324, 90%, 45%)" 
      points="100,447.02110098504755 330,420.6576807800829 560,410.5762123598415 790,448.3977326158048"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="478.2255080205438"
      fill="hsl(0, 90%, 45%)"
    >effector 22.8.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(0, 90%, 45%)" 
      points="100,461.72356397583627 330,307.2173911775894 560,343.5697924775669 790,406.80051547769807"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="494.2255080205438"
      fill="hsl(36, 90%, 45%)"
    >effector.fork 22.8.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(36, 90%, 45%)" 
      points="100,479.008065707368 330,412.01235615993045 560,422.6883749343186 790,454.9373945095116"
    ></polyline>
  </g><!--CONTENT_END-->
</svg>