<?xml version="1.0" encoding="utf-8"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  class="marks"
  height="589"
  version="1.1"
  viewBox="0 0 656 589"
  width="656"
>
  <g fill="none" stroke-miterlimit="10" transform="translate(51,10)">
    <g
      aria-roledescription="group mark container"
      class="mark-group role-frame root"
      role="graphics-object"
    >
      <g transform="translate(0,0)">
        <path aria-hidden="true" class="background" d="M0.5,0.5h600v400h-600Z" stroke="#ddd" />
        <g>
          <g aria-hidden="true" class="mark-group role-axis">
            <g transform="translate(0.5,0.5)">
              <path aria-hidden="true" class="background" d="M0,0h0v0h0Z" pointer-events="none" />
              <g>
                <g class="mark-rule role-axis-grid" pointer-events="none">
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,400)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,360)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,320)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,280)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,240)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,200)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,160)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,120)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,80)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,40)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,0)"
                    x2="600"
                    y2="0"
                  />
                </g>
              </g>
              <path
                aria-hidden="true"
                class="foreground"
                d=""
                display="none"
                pointer-events="none"
              />
            </g>
          </g>
          <g
            aria-label="X-axis titled 'gateway-setup' for a discrete scale with 8 values: wundergraph, apollo-router, mesh-supergraph-bun, mesh-bun, mesh-supergraph, ending with mercurius"
            aria-roledescription="axis"
            class="mark-group role-axis"
            role="graphics-symbol"
          >
            <g transform="translate(0.5,400.5)">
              <path aria-hidden="true" class="background" d="M0,0h0v0h0Z" pointer-events="none" />
              <g>
                <g class="mark-rule role-axis-tick" pointer-events="none">
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(37,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(112,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(187,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(262,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(337,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(412,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(487,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(562,0)"
                    x2="0"
                    y2="5"
                  />
                </g>
                <g class="mark-text role-axis-label" pointer-events="none">
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(37,7) rotate(270) translate(0,3)"
                  >
                    wundergraph
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(112,7) rotate(270) translate(0,3)"
                  >
                    apollo-router
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(187,7) rotate(270) translate(0,3)"
                  >
                    mesh-supergraph-bun
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(262,7) rotate(270) translate(0,3)"
                  >
                    mesh-bun
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(337,7) rotate(270) translate(0,3)"
                  >
                    mesh-supergraph
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(412,7) rotate(270) translate(0,3)"
                  >
                    mesh
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(487,7) rotate(270) translate(0,3)"
                  >
                    apollo-server
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(562,7) rotate(270) translate(0,3)"
                  >
                    mercurius
                  </text>
                </g>
                <g class="mark-rule role-axis-domain" pointer-events="none">
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,0)"
                    x2="600"
                    y2="0"
                  />
                </g>
                <g class="mark-text role-axis-title" pointer-events="none">
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="11px"
                    font-weight="bold"
                    opacity="1"
                    text-anchor="middle"
                    transform="translate(300,172)"
                  >
                    gateway-setup
                  </text>
                </g>
              </g>
              <path
                aria-hidden="true"
                class="foreground"
                d=""
                display="none"
                pointer-events="none"
              />
            </g>
          </g>
          <g
            aria-label="Y-axis titled 'rps' for a linear scale with values from 0 to 200"
            aria-roledescription="axis"
            class="mark-group role-axis"
            role="graphics-symbol"
          >
            <g transform="translate(0.5,0.5)">
              <path aria-hidden="true" class="background" d="M0,0h0v0h0Z" pointer-events="none" />
              <g>
                <g class="mark-rule role-axis-tick" pointer-events="none">
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,400)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,360)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,320)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,280)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,240)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,200)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,160)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,120)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,80)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,40)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,0)"
                    x2="-5"
                    y2="0"
                  />
                </g>
                <g class="mark-text role-axis-label" pointer-events="none">
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,403)"
                  >
                    0
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,363)"
                  >
                    20
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,323)"
                  >
                    40
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,283)"
                  >
                    60
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,243)"
                  >
                    80
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,203)"
                  >
                    100
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,163)"
                  >
                    120
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,123.00000000000001)"
                  >
                    140
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,82.99999999999999)"
                  >
                    160
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,42.99999999999999)"
                  >
                    180
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,3)"
                  >
                    200
                  </text>
                </g>
                <g class="mark-rule role-axis-domain" pointer-events="none">
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,400)"
                    x2="0"
                    y2="-400"
                  />
                </g>
                <g class="mark-text role-axis-title" pointer-events="none">
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="11px"
                    font-weight="bold"
                    opacity="1"
                    text-anchor="middle"
                    transform="translate(-35,200) rotate(-90) translate(0,-2)"
                  >
                    rps
                  </text>
                </g>
              </g>
              <path
                aria-hidden="true"
                class="foreground"
                d=""
                display="none"
                pointer-events="none"
              />
            </g>
          </g>
          <g
            aria-roledescription="rect mark container"
            class="mark-rect role-mark marks"
            role="graphics-object"
          >
            <path
              aria-label="gateway-setup: wundergraph; rps: 192"
              aria-roledescription="bar"
              d="M3.75,16.000000000000014h67.5v384h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-router; rps: 185"
              aria-roledescription="bar"
              d="M78.75,29.999999999999982h67.5v370h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph-bun; rps: 109"
              aria-roledescription="bar"
              d="M153.75,181.99999999999997h67.5v218.00000000000003h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-bun; rps: 102"
              aria-roledescription="bar"
              d="M228.75,196h67.5v204h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph; rps: 102"
              aria-roledescription="bar"
              d="M303.75,196h67.5v204h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh; rps: 95"
              aria-roledescription="bar"
              d="M378.75,210h67.5v190h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-server; rps: 67"
              aria-roledescription="bar"
              d="M453.75,266h67.5v134h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mercurius; rps: 12"
              aria-roledescription="bar"
              d="M528.75,376h67.5v24h-67.5Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
          </g>
        </g>
        <path aria-hidden="true" class="foreground" d="" display="none" />
      </g>
    </g>
  </g>
</svg>
