<div id="container" class="chart xyscatter">
  <div class="multi-xlabel"><p>Sales</p></div>
  <div class="multi-ylabel"><p>Quantity</p></div>
  <div class="outer-container">
    <div class="inner-container">
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Chairs</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">100</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">300</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">700</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">900</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">5</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">7</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">9</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Storage</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">100</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">300</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">700</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">900</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">5</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">7</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">9</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">11</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Technology|Phones</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Furnishings</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Binders</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Labels</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Paper</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Appliances</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Technology|Accessories</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Art</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,400</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,600</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,800</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,200</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,400</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Bookcases</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,500</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Envelopes</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,500</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Office Supplies|Fasteners</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,500</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
      <div class="xy-scatter-container">
        <div class="title-container" display="inline-block">
          <text class="title">Furniture|Tables</text>
        </div>
        <div class="xy-scatter"></div>
        <d3fc-group class="cartesian-chart" auto-resize=""
          ><div class="chart-label top-label"></div>
          <div class="x-label bottom-label"></div>
          <div class="y-label left-label"></div>
          <d3fc-svg class="svg-plot-area plot-area"
            ><svg preserveAspectRatio="none"></svg></d3fc-svg
          ><d3fc-canvas
            class="canvas-plot-area plot-area"
            use-device-pixel-ratio="true"
            ><canvas width="258" height="276"></canvas></d3fc-canvas
          ><d3fc-svg class="x-axis bottom-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="middle"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">1,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2,500</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,000</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">3,500</text>
              </g>
            </svg></d3fc-svg
          ><d3fc-svg class="y-axis left-axis"
            ><svg
              preserveAspectRatio="none"
              fill="none"
              font-size="10"
              font-family="sans-serif"
              text-anchor="end"
            >
              <path class="domain" stroke="#000"></path>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">0</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">2</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">4</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">6</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">8</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">10</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">12</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">14</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">16</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">18</text>
              </g>
              <g class="tick">
                <path stroke="#000"></path>
                <text fill="#000">20</text>
              </g>
            </svg></d3fc-svg
          ></d3fc-group
        >
      </div>
    </div>
  </div>
</div>
