<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>