<?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 680 589"
  width="680"
>
  <g fill="none" stroke-miterlimit="10" transform="translate(75,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,367)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,333)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,300)"
                    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,233)"
                    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,167)"
                    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,100)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,67)"
                    x2="600"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#ddd"
                    stroke-width="1"
                    transform="translate(0,33)"
                    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 7 values: apollo-server, mesh, mesh-bun, mesh-supergraph, mesh-supergraph-bun, apollo-router, wundergraph"
            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(42,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(128,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(214,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(299,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(385,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(471,0)"
                    x2="0"
                    y2="5"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(557,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(42.35714285714285,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(128.07142857142856,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(213.78571428571428,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.49999999999994,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(385.21428571428567,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(470.9285714285714,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(556.642857142857,7) rotate(270) translate(0,3)"
                  >
                    wundergraph
                  </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 'duration (p95)' for a linear scale with values from 0 to 60,000"
            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,367)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,333)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,300)"
                    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,233)"
                    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,167)"
                    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,100)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,67)"
                    x2="-5"
                    y2="0"
                  />
                  <line
                    opacity="1"
                    stroke="#888"
                    stroke-width="1"
                    transform="translate(0,33)"
                    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,369.66666666666663)"
                  >
                    5,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,336.33333333333337)"
                  >
                    10,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,303)"
                  >
                    15,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,269.6666666666667)"
                  >
                    20,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,236.33333333333331)"
                  >
                    25,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,203)"
                  >
                    30,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,169.66666666666666)"
                  >
                    35,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,136.33333333333334)"
                  >
                    40,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,103)"
                  >
                    45,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,69.66666666666666)"
                  >
                    50,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,36.33333333333335)"
                  >
                    55,000
                  </text>
                  <text
                    fill="white"
                    font-family="sans-serif"
                    font-size="10px"
                    opacity="1"
                    text-anchor="end"
                    transform="translate(-7,3)"
                  >
                    60,000
                  </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(-59,200) rotate(-90) translate(0,-2)"
                  >
                    duration (p95)
                  </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; duration (p95): 6798"
              aria-roledescription="bar"
              d="M518.5714285714284,354.68h77.14285714285714v45.31999999999999h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-router; duration (p95): 6826"
              aria-roledescription="bar"
              d="M432.85714285714283,354.49333333333334h77.14285714285714v45.50666666666666h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph-bun; duration (p95): 16168"
              aria-roledescription="bar"
              d="M347.1428571428571,292.2133333333333h77.14285714285714v107.78666666666669h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-supergraph; duration (p95): 18031"
              aria-roledescription="bar"
              d="M261.4285714285714,279.79333333333335h77.14285714285714v120.20666666666665h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh-bun; duration (p95): 18066"
              aria-roledescription="bar"
              d="M175.7142857142857,279.56000000000006h77.14285714285714v120.43999999999994h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: mesh; duration (p95): 19777"
              aria-roledescription="bar"
              d="M89.99999999999999,268.1533333333333h77.14285714285714v131.8466666666667h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
            <path
              aria-label="gateway-setup: apollo-server; duration (p95): 60000"
              aria-roledescription="bar"
              d="M4.285714285714278,0h77.14285714285714v400h-77.14285714285714Z"
              fill="#4c78a8"
              role="graphics-symbol"
            />
          </g>
        </g>
        <path aria-hidden="true" class="foreground" d="" display="none" />
      </g>
    </g>
  </g>
</svg>
