<?xml version="1.0" encoding="utf-8"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  class="marks"
  height="597"
  version="1.1"
  viewBox="0 0 656 597"
  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,356)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,311)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,267)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,222)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,178)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,133)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,89)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,44)"
                    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 9 values: apollo-router, wundergraph, mesh-supergraph-bun, mesh-bun, mesh, 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(33,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(99,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(166,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(233,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(300,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(366,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(433,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(500,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(566,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(32.833333333333314,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(99.49999999999999,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(166.16666666666666,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(232.83333333333331,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(299.5,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(366.1666666666667,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(432.8333333333333,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(499.5,7) rotate(270) translate(0,3)"
                  >
                    apollo-server-node16
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(566.1666666666667,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,180)"
                  >
                    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 180"
            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,356)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,311)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,267)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,222)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,178)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,133)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,89)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,44)"
                    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,358.55555555555554)"
                  >
                    20
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,314.11111111111114)"
                  >
                    40
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,269.6666666666667)"
                  >
                    60
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,225.22222222222223)"
                  >
                    80
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,180.77777777777777)"
                  >
                    100
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,136.33333333333334)"
                  >
                    120
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,91.88888888888889)"
                  >
                    140
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,47.444444444444464)"
                  >
                    160
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,3)"
                  >
                    180
                  </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: apollo-router; rps: 175"
              aria-roledescription="bar"
              d="M3.3333333333333144,11.111111111111116h60.00000000000001v388.88888888888886h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: wundergraph; rps: 168"
              aria-roledescription="bar"
              d="M69.99999999999999,26.66666666666666h60.00000000000001v373.3333333333333h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph-bun; rps: 120"
              aria-roledescription="bar"
              d="M136.66666666666666,133.33333333333334h60.00000000000001v266.66666666666663h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-bun; rps: 111"
              aria-roledescription="bar"
              d="M203.33333333333331,153.33333333333331h60.00000000000001v246.66666666666669h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh; rps: 94"
              aria-roledescription="bar"
              d="M270,191.1111111111111h60.00000000000001v208.8888888888889h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph; rps: 94"
              aria-roledescription="bar"
              d="M336.6666666666667,191.1111111111111h60.00000000000001v208.8888888888889h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-server; rps: 69"
              aria-roledescription="bar"
              d="M403.3333333333333,246.66666666666669h60.00000000000001v153.33333333333331h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-server-node16; rps: 67"
              aria-roledescription="bar"
              d="M470,251.11111111111111h60.00000000000001v148.88888888888889h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mercurius; rps: 50"
              aria-roledescription="bar"
              d="M536.6666666666667,288.88888888888886h60.00000000000001v111.11111111111114h-60.00000000000001Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
          </g>
        </g>
        <path aria-hidden="true" class="foreground" d="" display="none" />
      </g>
    </g>
  </g>
</svg>
