images/benchmark.svg

<svg width="800" height="130" fill="black" font-family="sans-serif" font-size="13px" xmlns="http://www.w3.org/2000/svg">
  <style>
    @media (prefers-color-scheme: dark) {
      #bg { fill: #0D1116; }
      text { fill: #C9D1D9; }
    }
  </style>
  <rect id="bg" width="800" height="130" fill="#FFFFFF"/>
  <rect x="120" y="20" width="1" height="80" fill="#7F7F7F" fill-opacity="0.25"/>
  <rect x="259.6580784974717" y="20" width="1" height="80" fill="#7F7F7F" fill-opacity="0.25"/>
  <rect x="399.3161569949434" y="20" width="1" height="80" fill="#7F7F7F" fill-opacity="0.25"/>
  <rect x="538.9742354924151" y="20" width="1" height="80" fill="#7F7F7F" fill-opacity="0.25"/>
  <rect x="678.6323139898868" y="20" width="1" height="80" fill="#7F7F7F" fill-opacity="0.25"/>
  <rect x="120" y="23" width="4.608716590416567" height="14" fill="#FFCF00"/>
  <text x="112" y="30" text-anchor="end" dominant-baseline="middle" font-weight="bold">esbuild</text>
  <text x="132.60871659041658" y="30" dominant-baseline="middle" font-weight="bold">0.33s</text>
  <rect x="120" y="43" width="453.60943895978806" height="14" fill="#FFCF00"/>
  <text x="112" y="50" text-anchor="end" dominant-baseline="middle">parcel 2</text>
  <text x="581.6094389597881" y="50" dominant-baseline="middle">32.48s</text>
  <rect x="120" y="63" width="488.10498434866366" height="14" fill="#FFCF00"/>
  <text x="112" y="70" text-anchor="end" dominant-baseline="middle">rollup + terser</text>
  <text x="616.1049843486637" y="70" dominant-baseline="middle">34.95s</text>
  <rect x="120" y="83" width="580" height="14" fill="#FFCF00"/>
  <text x="112" y="90" text-anchor="end" dominant-baseline="middle">webpack 5</text>
  <text x="708" y="90" dominant-baseline="middle">41.53s</text>
  <text x="120" y="104" text-anchor="middle" dominant-baseline="hanging">0s</text>
  <text x="259.6580784974717" y="104" text-anchor="middle" dominant-baseline="hanging">10s</text>
  <text x="399.3161569949434" y="104" text-anchor="middle" dominant-baseline="hanging">20s</text>
  <text x="538.9742354924151" y="104" text-anchor="middle" dominant-baseline="hanging">30s</text>
  <text x="678.6323139898868" y="104" text-anchor="middle" dominant-baseline="hanging">40s</text>
</svg>