<div id="container" class="chart xyscatter"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label"></div><div class="x-label bottom-label">Sales</div><div class="y-label left-label">Quantity</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="1178" height="645"></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><g class="tick"><path stroke="#000"></path><text fill="#000">4,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">4,500</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">5,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">5,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">10</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">20</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">30</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">40</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">50</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">60</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">70</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">80</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">90</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">100</text></g></svg></d3fc-svg></d3fc-group></div>