popular_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(166, 90%, 45%)"
    >nanostores 0.10.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(166, 90%, 45%)" 
      points="100,20 330,20 560,31.111111133567775 790,177.45483964994395"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="152.54836350358795"
      fill="hsl(277, 90%, 45%)"
    >usignal 0.9.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(277, 90%, 45%)" 
      points="100,149.54836350358795 330,127.11428571354575 560,20 790,229.59999995700952"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="168.54836350358795"
      fill="hsl(194, 90%, 45%)"
    >preact 1.6.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(194, 90%, 45%)" 
      points="100,150.24136515023628 330,90.28124999858004 560,67.99474031305957 790,20"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="272.6833976833192"
      fill="hsl(249, 90%, 45%)"
    >solid 1.8.16</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(249, 90%, 45%)" 
      points="100,269.6833976833192 330,261.366987661082 560,181.53846155611328 790,265.89999997558914"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="288.6833976833192"
      fill="hsl(138, 90%, 45%)"
    >mol 1.0.978</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(138, 90%, 45%)" 
      points="100,276.27067669150085 330,253.41475708581987 560,161.2731542019069 790,257.11980142985806"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="304.6833976833192"
      fill="hsl(305, 90%, 45%)"
    >v4 0.0.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(305, 90%, 45%)" 
      points="100,279.88148148137645 330,248.59511309382196 560,273.71663980786195 790,334.0641006974272"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="320.6833976833192"
      fill="hsl(0, 90%, 45%)"
    >cellx 1.10.30</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(0, 90%, 45%)" 
      points="100,311.9811078597124 330,270.3630818377307 560,298.5294354596778 790,270.0491835696701"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="336.6833976833192"
      fill="hsl(222, 90%, 45%)"
    >reatom 3.7.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(222, 90%, 45%)" 
      points="100,314.83024886701725 330,296.71148350213207 560,315.66057364576983 790,345.76796490977864"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="379.1437142755711"
      fill="hsl(111, 90%, 45%)"
    >mobx 6.12.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(111, 90%, 45%)" 
      points="100,376.1437142755711 330,362.3954154726981 560,380.75949367737104 790,399.48207172070926"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="415.4842454394412"
      fill="hsl(332, 90%, 45%)"
    >wonka 6.3.4</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(332, 90%, 45%)" 
      points="100,412.4842454394412 330,386.71254652590204 560,454.26399579597876 790,480.3489170489723"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="435.3493910748278"
      fill="hsl(83, 90%, 45%)"
    >jotai 2.7.1</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(83, 90%, 45%)" 
      points="100,432.3493910748278 330,420.95223003339163 560,460.1080233496798 790,480.9076923094067"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="451.3493910748278"
      fill="hsl(28, 90%, 45%)"
    >effector 23.2.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(28, 90%, 45%)" 
      points="100,441.3845019595345 330,247.2492859409278 560,400.4347826147131 790,447.74681529381536"
    ></polyline>
  </g><g>
    <text
      class="lib-label"
      x="95"
      y="471.4642289347996"
      fill="hsl(55, 90%, 45%)"
    >effector.fork 23.2.0</text>
    <polyline
      class="line-med"
      fill="none"
      stroke="hsl(55, 90%, 45%)" 
      points="100,468.4642289347996 330,380.514890854307 560,453.8687956933103 790,481.3536121690939"
    ></polyline>
  </g><!--CONTENT_END-->
</svg>