Skip to content
GitLab
Closed
Issue created by Salim B@salim-b

Regression between 2.40.x and current master regarding `dy` offsets in `<tspan>`

While this SVG file is properly converted to PDF using librsvg 2.40.21's rsvg-convert, this is not the case anymore when using either librsvg 2.48.7 (from Ubuntu 20.04's official repos), latest release 2.50.1 or latest master branch.

The result should look like this:

Bildschirmfoto_von_2020-10-31_18-17-06

But the faulty librsvg versions give me instead:

Bildschirmfoto_von_2020-10-31_18-15-37

(ignore the text gewichtet nach Gewichtung nach Stimmentscheiden, it's overflowing by design)

Both Firefox and Google Chrome/Chromium properly render the file.

I think the issue is that librsvg doesn't properly respect the dy offsets (in unit em) inside the <tspan> tags anymore, but it's just a guess.

Here's a beautified version of the SVG's code (output of xmllint --format t.svg):

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="main-svg" width="800" height="493" style="" viewBox="0 0 800 493">
  <rect x="0" y="0" width="800" height="493" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/>
  <defs id="defs-974479">
    <g class="clips">
      <clipPath id="clip974479xyplot" class="plotclip">
        <rect width="492" height="387"/>
      </clipPath>
      <clipPath class="axesclip" id="clip974479x">
        <rect x="308" y="0" width="492" height="493"/>
      </clipPath>
      <clipPath class="axesclip" id="clip974479y">
        <rect x="0" y="0" width="800" height="387"/>
      </clipPath>
      <clipPath class="axesclip" id="clip974479xy">
        <rect x="308" y="0" width="492" height="387"/>
      </clipPath>
    </g>
    <g class="gradients"/>
  </defs>
  <g class="bglayer"/>
  <g class="layer-below">
    <g class="imagelayer"/>
    <g class="shapelayer"/>
  </g>
  <g class="cartesianlayer">
    <g class="subplot xy">
      <g class="layer-subplot">
        <g class="shapelayer"/>
        <g class="imagelayer"/>
      </g>
      <g class="gridlayer">
        <g class="x">
          <path class="xgrid crisp" transform="translate(344.92,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
          <path class="xgrid crisp" transform="translate(414.61,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
          <path class="xgrid crisp" transform="translate(484.31,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
          <path class="xgrid crisp" transform="translate(623.69,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
          <path class="xgrid crisp" transform="translate(693.39,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
          <path class="xgrid crisp" transform="translate(763.0799999999999,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
        </g>
        <g class="y"/>
      </g>
      <g class="zerolinelayer">
        <path class="xzl zl crisp" transform="translate(554,0)" d="M0,0v387" style="stroke: rgb(238, 238, 238); stroke-opacity: 1; stroke-width: 1px;"/>
      </g>
      <path class="xlines-below"/>
      <path class="ylines-below"/>
      <g class="overlines-below"/>
      <g class="xaxislayer-below"/>
      <g class="yaxislayer-below"/>
      <g class="overaxes-below"/>
      <g class="plot" transform="translate(308, 0)" clip-path="url('#clip974479xyplot')">
        <g class="barlayer mlayer">
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M246,380.55V328.95H309.28V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,187.05V135.45H357.29V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,316.05V264.45H325.45V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,251.55V199.95H340.94V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,58.05V6.45H353.98V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,122.55V70.95H349.12V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(200, 223, 32); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M309.28,380.55V328.95H328.81V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M357.29,187.05V135.45H401.29V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M325.45,316.05V264.45H379.52V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M340.94,251.55V199.95H388.93V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M353.98,58.05V6.45H431.34V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M349.12,122.55V70.95H416.78V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(25, 179, 25); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M328.81,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M401.29,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M379.52,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M388.93,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M431.34,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M416.78,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(229, 229, 229); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M246,380.55V328.95H143.44V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,187.05V135.45H180.84V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,316.05V264.45H173.13V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,251.55V199.95H172.36V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,58.05V6.45H188.68V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M246,122.55V70.95H178.31V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(245, 171, 61); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M143.44,380.55V328.95H74.66V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M180.84,187.05V135.45H147.84V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M173.13,316.05V264.45H124.49V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M172.36,251.55V199.95H137.09V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M188.68,58.05V6.45H171.41V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M178.31,122.55V70.95H159.05V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1px; fill: rgb(224, 64, 36); fill-opacity: 1; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M353.43,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M426.61,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M403.26,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M415.87,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M450.18,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M437.82,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M353.43,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M426.61,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M403.26,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M415.87,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M450.18,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M437.82,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M353.43,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M426.61,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M403.26,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M415.87,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M450.18,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M437.82,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M353.43,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M426.61,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M403.26,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M415.87,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M450.18,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M437.82,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
              </g>
            </g>
          </g>
          <g class="trace bars" style="opacity: 1;">
            <g class="points">
              <g class="point">
                <path d="M353.43,380.55V328.95H353.43V380.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M426.61,187.05V135.45H426.61V187.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M403.26,316.05V264.45H403.26V316.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M415.87,251.55V199.95H415.87V251.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M450.18,58.05V6.45H450.18V58.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
              <g class="point">
                <path d="M437.82,122.55V70.95H437.82V122.55Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
              </g>
            </g>
          </g>
        </g>
      </g>
      <g class="overplot"/>
      <path class="xlines-above crisp" d="M0,0" style="fill: none;"/>
      <path class="ylines-above crisp" d="M0,0" style="fill: none;"/>
      <g class="overlines-above"/>
      <g class="xaxislayer-above">
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(344.92,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;"/>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(414.61,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">50&#x202F;%</text>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(484.31,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;"/>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(554,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">0&#x202F;%</text>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(623.69,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;"/>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(693.39,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">50&#x202F;%</text>
        </g>
        <g class="xtick">
          <text text-anchor="middle" x="0" y="400" transform="translate(763.0799999999999,0)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;"/>
        </g>
      </g>
      <g class="yaxislayer-above">
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,354.75) translate(0, -14.3)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">&#xAB;Eine Erh&#xF6;hung der Verm&#xF6;genssteuer f&#xFC;r Reiche ist ein</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">geeignetes Mittel, um den Kantonshaushalt wieder ins</tspan>
            </tspan>
            <tspan class="line" dy="2.6em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">Lot zu bringen.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,290.25) translate(0, -21.450000000000003)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">&#xAB;Die Reichen wurden in der Vergangenheit nicht</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">ausreichend in die finanzielle Verantwortung genommen.</tspan>
            </tspan>
            <tspan class="line" dy="2.6em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">Sie sollten sich st&#xE4;rker als heute an der Finanzierung</tspan>
            </tspan>
            <tspan class="line" dy="3.9000000000000004em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">des Staates beteiligen.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,225.75) translate(0, -14.3)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">&#xAB;Der Kanton Aargau braucht h&#xF6;here Steuereinnahmen, um</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">all seine &#xF6;ffentlichen Aufgaben ohne Leistungsabbau</tspan>
            </tspan>
            <tspan class="line" dy="2.6em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #107010;">erf&#xFC;llen zu k&#xF6;nnen.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,161.25) translate(0, -14.3)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">&#xAB;Eine Erh&#xF6;hung der Verm&#xF6;genssteuer f&#xFC;r Reiche bringt</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">nichts, denn Wohlhabende finden immer ein Schlupfloch,</tspan>
            </tspan>
            <tspan class="line" dy="2.6em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">um sich ihrer Steuerpflicht zu entziehen.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,96.75) translate(0, -7.15)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">&#xAB;Die Steuern im Kanton Aargau sollten generell</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">m&#xF6;glichst tief sein.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
        <g class="ytick">
          <text text-anchor="end" x="307" y="3.8499999999999996" transform="translate(0,32.25) translate(0, -14.3)" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 11px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">&#xAB;Wird der Verm&#xF6;genssteuersatz f&#xFC;r Reiche erh&#xF6;ht, ziehen</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">diese aus dem Kanton weg. Dies f&#xFC;hrt zu Steuerausf&#xE4;llen</tspan>
            </tspan>
            <tspan class="line" dy="2.6em" x="307" y="3.8499999999999996">
              <tspan style=" fill: #9c2a16;">statt h&#xF6;heren Einnahmen.&#xBB;</tspan>
            </tspan>
          </text>
        </g>
      </g>
      <g class="overaxes-above"/>
    </g>
  </g>
  <g class="polarlayer"/>
  <g class="ternarylayer"/>
  <g class="geolayer"/>
  <g class="funnelarealayer"/>
  <g class="pielayer"/>
  <g class="treemaplayer"/>
  <g class="sunburstlayer"/>
  <g class="glimages"/>
  <defs id="topdefs-974479">
    <g class="clips"/>
    <clipPath id="legend974479">
      <rect width="428" height="67" x="0" y="0"/>
    </clipPath>
  </defs>
  <g class="layer-above">
    <g class="imagelayer"/>
    <g class="shapelayer"/>
  </g>
  <g class="infolayer">
    <g class="legend" pointer-events="all" transform="translate(308, 425.70000000000005)">
      <rect class="bg" shape-rendering="crispEdges" width="428" height="67" x="0" y="0" style="stroke: rgb(68, 68, 68); stroke-opacity: 1; fill: rgb(255, 255, 255); fill-opacity: 1; stroke-width: 0px;"/>
      <g class="scrollbox" transform="translate(0, 0)" clip-path="url('#legend974479')">
        <g class="groups">
          <g class="traces" transform="translate(0, 14.5)" style="opacity: 1;">
            <text class="legendtext user-select-none" text-anchor="start" x="40" y="4.680000000000001" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">&#xFC;berhaupt nicht einverstanden</text>
            <g class="layers" style="opacity: 1;">
              <g class="legendfill"/>
              <g class="legendlines"/>
              <g class="legendsymbols">
                <g class="legendpoints">
                  <path class="legendundefined" d="M6,6H-6V-6H6Z" transform="translate(20,0)" style="stroke-width: 0px; fill: rgb(224, 64, 36); fill-opacity: 1;"/>
                </g>
              </g>
            </g>
            <rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="219.046875" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          </g>
          <g class="traces" transform="translate(221.546875, 14.5)" style="opacity: 1;">
            <text class="legendtext user-select-none" text-anchor="start" x="40" y="4.680000000000001" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">eher nicht einverstanden</text>
            <g class="layers" style="opacity: 1;">
              <g class="legendfill"/>
              <g class="legendlines"/>
              <g class="legendsymbols">
                <g class="legendpoints">
                  <path class="legendundefined" d="M6,6H-6V-6H6Z" transform="translate(20,0)" style="stroke-width: 0px; fill: rgb(245, 171, 61); fill-opacity: 1;"/>
                </g>
              </g>
            </g>
            <rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="185.15625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          </g>
          <g class="traces" transform="translate(0, 33.5)" style="opacity: 1;">
            <text class="legendtext user-select-none" text-anchor="start" x="40" y="4.680000000000001" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">eher einverstanden</text>
            <g class="layers" style="opacity: 1;">
              <g class="legendfill"/>
              <g class="legendlines"/>
              <g class="legendsymbols">
                <g class="legendpoints">
                  <path class="legendundefined" d="M6,6H-6V-6H6Z" transform="translate(20,0)" style="stroke-width: 0px; fill: rgb(200, 223, 32); fill-opacity: 1;"/>
                </g>
              </g>
            </g>
            <rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="154.015625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          </g>
          <g class="traces" transform="translate(221.546875, 33.5)" style="opacity: 1;">
            <text class="legendtext user-select-none" text-anchor="start" x="40" y="4.680000000000001" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">voll und ganz einverstanden</text>
            <g class="layers" style="opacity: 1;">
              <g class="legendfill"/>
              <g class="legendlines"/>
              <g class="legendsymbols">
                <g class="legendpoints">
                  <path class="legendundefined" d="M6,6H-6V-6H6Z" transform="translate(20,0)" style="stroke-width: 0px; fill: rgb(25, 179, 25); fill-opacity: 1;"/>
                </g>
              </g>
            </g>
            <rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="203.265625" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          </g>
          <g class="traces" transform="translate(0, 52.5)" style="opacity: 1;">
            <text class="legendtext user-select-none" text-anchor="start" x="40" y="4.680000000000001" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 12px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">weiss nicht</text>
            <g class="layers" style="opacity: 1;">
              <g class="legendfill"/>
              <g class="legendlines"/>
              <g class="legendsymbols">
                <g class="legendpoints">
                  <path class="legendundefined" d="M6,6H-6V-6H6Z" transform="translate(20,0)" style="stroke-width: 0px; fill: rgb(229, 229, 229); fill-opacity: 1;"/>
                </g>
              </g>
            </g>
            <rect class="legendtoggle" pointer-events="all" x="0" y="-9.5" width="107.109375" height="19" style="cursor: pointer; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          </g>
        </g>
      </g>
      <rect class="scrollbar" rx="20" ry="3" width="0" height="0" x="0" y="0" style="fill: rgb(128, 139, 164); fill-opacity: 1;"/>
    </g>
    <g class="g-gtitle"/>
    <g class="g-xtitle"/>
    <g class="g-ytitle"/>
    <g class="annotation" data-index="0" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,274,433.41999999999996)">
        <g class="cursor-pointer" transform="translate(185, 418)">
          <rect class="bg" x="0.5" y="0.5" width="177" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="89" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(0, 0, 0); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="89" y="13">gewichtet nach</tspan>
            <tspan class="line" dy="1.3em" x="89" y="13">Gewichtung nach Stimmentscheiden</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="1" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,417.05,354.75)">
        <g class="cursor-pointer" transform="translate(403, 339)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">25&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(216)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="2" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,502.72,354.75)">
        <g class="cursor-pointer" transform="translate(488, 339)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">37&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(322)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="3" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,585.64,354.75)">
        <g class="cursor-pointer" transform="translate(571, 339)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">23&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(198)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="4" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,627.05,354.75)">
        <g class="cursor-pointer" transform="translate(616, 339)">
          <rect class="bg" x="0.5" y="0.5" width="22" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="11.734375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="11.734375" y="13">
              <tspan style="font-weight:bold">7&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="11.734375" y="13">(61)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="5" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,649.12,354.75)">
        <g class="cursor-pointer" transform="translate(638, 339)">
          <rect class="bg" x="0.5" y="0.5" width="22" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="11.734375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="11.734375" y="13">
              <tspan style="font-weight:bold">9&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="11.734375" y="13">(77)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="6" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,472.34000000000003,161.25)">
        <g class="cursor-pointer" transform="translate(458, 146)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">12&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(103)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="7" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,521.42,161.25)">
        <g class="cursor-pointer" transform="translate(507, 146)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">23&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(204)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="8" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,609.64,161.25)">
        <g class="cursor-pointer" transform="translate(595, 146)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">40&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(349)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="9" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,687.29,161.25)">
        <g class="cursor-pointer" transform="translate(673, 146)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">16&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(138)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="10" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,721.95,161.25)">
        <g class="cursor-pointer" transform="translate(710, 146)">
          <rect class="bg" x="0.5" y="0.5" width="22" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="11.734375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="11.734375" y="13">
              <tspan style="font-weight:bold">9&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="11.734375" y="13">(79)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="11" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,456.81,290.25)">
        <g class="cursor-pointer" transform="translate(442, 275)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">17&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(153)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="12" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,517.5699999999999,290.25)">
        <g class="cursor-pointer" transform="translate(503, 275)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">26&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(228)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="13" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,593.72,290.25)">
        <g class="cursor-pointer" transform="translate(579, 275)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">28&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(249)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="14" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,660.49,290.25)">
        <g class="cursor-pointer" transform="translate(646, 275)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">19&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(170)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="15" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,699.39,290.25)">
        <g class="cursor-pointer" transform="translate(688, 275)">
          <rect class="bg" x="0.5" y="0.5" width="22" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="11.734375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="11.734375" y="13">
              <tspan style="font-weight:bold">9&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="11.734375" y="13">(74)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="16" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,462.72,225.75)">
        <g class="cursor-pointer" transform="translate(448, 210)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">13&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(111)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="17" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,517.1800000000001,225.75)">
        <g class="cursor-pointer" transform="translate(503, 210)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">26&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(231)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="18" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,601.47,225.75)">
        <g class="cursor-pointer" transform="translate(587, 210)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">34&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(298)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="19" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,672.9300000000001,225.75)">
        <g class="cursor-pointer" transform="translate(658, 210)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">17&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(150)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="20" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,710.4,225.75)">
        <g class="cursor-pointer" transform="translate(696, 210)">
          <rect class="bg" x="0.5" y="0.5" width="27" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.0625" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.0625" y="13">
              <tspan style="font-weight:bold">10&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.0625" y="13">(84)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="21" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,488.03999999999996,32.25)">
        <g class="cursor-pointer" transform="translate(486, 30)">
          <rect class="bg" x="0.5" y="0.5" width="3" height="3" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="2" y="2" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;"/>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="22" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,525.34,32.25)">
        <g class="cursor-pointer" transform="translate(511, 17)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">21&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(180)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="23" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,607.99,32.25)">
        <g class="cursor-pointer" transform="translate(593, 17)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">39&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(339)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="24" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,700.6600000000001,32.25)">
        <g class="cursor-pointer" transform="translate(686, 17)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">28&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(243)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="25" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,748.76,32.25)">
        <g class="cursor-pointer" transform="translate(747, 30)">
          <rect class="bg" x="0.5" y="0.5" width="3" height="3" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="2" y="2" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;"/>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="26" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,476.68,96.75)">
        <g class="cursor-pointer" transform="translate(475, 95)">
          <rect class="bg" x="0.5" y="0.5" width="3" height="3" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="2" y="2" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;"/>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="27" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,520.16,96.75)">
        <g class="cursor-pointer" transform="translate(506, 81)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">24&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(212)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="28" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,605.56,96.75)">
        <g class="cursor-pointer" transform="translate(591, 81)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">37&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(323)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="29" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,690.95,96.75)">
        <g class="cursor-pointer" transform="translate(676, 81)">
          <rect class="bg" x="0.5" y="0.5" width="28" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="14.59375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="14.59375" y="13">
              <tspan style="font-weight:bold">24&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="14.59375" y="13">(212)</tspan>
          </text>
        </g>
      </g>
    </g>
    <g class="annotation" data-index="30" style="opacity: 1;">
      <g class="annotation-text-g" transform="rotate(0,735.3,96.75)">
        <g class="cursor-pointer" transform="translate(724, 81)">
          <rect class="bg" x="0.5" y="0.5" width="22" height="30" style="stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0;"/>
          <text class="annotation-text" text-anchor="middle" x="11.734375" y="13" style="font-family: 'Noto Sans', verdana, arial, sans-serif; font-size: 10px; fill: rgb(255, 255, 255); fill-opacity: 1; white-space: pre;">
            <tspan class="line" dy="0em" x="11.734375" y="13">
              <tspan style="font-weight:bold">8&#x202F;%</tspan>
            </tspan>
            <tspan class="line" dy="1.3em" x="11.734375" y="13">(66)</tspan>
          </text>
        </g>
      </g>
    </g>
  </g>
</svg>
Edited by Salim B