# Large scatter (Canvas example) > WestCoast Charts 1.1.5, release, public Core release, on npm. HTML: https://westcoast-charts.com/gallery/canvas/scatter-canvas-renderer/ · Index for agents: https://westcoast-charts.com/llms.txt 60 000 points on canvas with xy zoom. Why it matters: the canvas renderer paints all 60 000 points; tooltips, zoom and the a11y table run on a cell proxy, so hover still lands on real points - Chart type: `scatter` (Scatter) - Collection: Canvas · Canvas renderer - Raw configuration: https://westcoast-charts.com/gallery-src/canvas/scatter-canvas-renderer.js - Standalone example: https://westcoast-charts.com/embed/samples/wcc/gallery/scatter/scatter-canvas-renderer.html - Same example as: https://westcoast-charts.com/gallery/scatter/scatter-canvas-renderer/index.md ## Setup ```js import WestCoastCharts from 'west-coast-charts' import types from 'west-coast-charts/types' import rendererCanvas from 'west-coast-charts/features/renderer-canvas' WestCoastCharts.use(types).use(rendererCanvas) ``` ## Options First chart of the page only; the example combines several charts or controls. Read the standalone example for the full source. ```js const options = { chart: { height: 380, fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif", type: "scatter", renderer: "canvas", zoom: { enabled: true, type: "xy" }, toolbar: { show: true }, animations: { enabled: false } }, series: [ { name: "Cluster 1", data: [ [50.36, 60.21], [40.08, 42.56], [55.05, 51.68], [30.12, 47.41], [51.98, 40.76], [29.18, 40.37], [31.55, 71.43], [53.15, 50.1], [31.74, 39.53], [35.73, 39.63], [41.1, 43.99], [48.15, 48.94], [51.67, 44.42], [42.51, 55.88], [28.86, 68.84], [45.2, 77.9], [13.7, 61.67], [45.5, 55.87], [48.43, 37.57], [37.76, 61.37], [45.3, 48.41], [34.93, 47.15], [29.46, 53.58], [49.9, 55.5], [39.85, 54.39], [36.51, 47.76], [40.13, 51.55], [27.5, 38.87], [51.12, 51.18], [42.69, 45.67], [35.3, 56.14], [41.62, 78.99], [35.68, 69.72], [34.11, 55.4], [35.65, 73.31], [23.89, 29.88], [46.71, 41.97], [32.28, 63.5], [31.03, 46.82], [39.22, 55.89], [49.91, 48.02], [47.14, 52.24], [35.17, 68.7], [50.66, 59.96], [16.96, 55.9], [32.38, 39.86], [48.52, 46.43], [41.67, 56.36], [63.08, 50.2], [37.66, 48.43], [37.28, 39.43], [37.43, 52.72], [42.33, 41.38], [37.94, 45.1], [8.15, 58.82], [30.58, 56.41], [48.73, 57.48], [36.13, 53.44], [20.69, 45.22], [66.02, 48.84], [42.87, 53.54], [61.61, 57.87], [47.69, 37.34], [38.45, 44], [40.08, 52.62], [56.25, 33.95], [43.51, 47.43], [18.46, 30.41], [52.36, 59.12], [35.84, 52.26], [27.82, 57], [43.7, 61.63], [48.63, 53.08], [39.2, 47.51], [40.2, 48.21], [40.11, 39.41], [25.59, 29.39], [26.48, 44.05], [40.26, 29.76], [39.29, 69.59], [45.16, 28.75], [51.14, 54.07], [21.83, 35.19], [35.35, 50.12], [44.56, 46.73], [36.96, 44.38], [41.34, 54.52], [64.08, 49.37], [32.24, 48.36], [26.13, 55.05], [43.98, 36.84], [44.49, 42.24], [43.46, 44.53], [43.89, 67.82], [40.72, 45.34], [53.46, 61], [41.35, 46.13], [55.64, 59.88], [26.98, 52.92], [44.71, 72.8], [31.21, 38.74], [41.95, 45.79], [49.18, 54.96], [28.31, 45.27], [30.41, 61.73], [42.59, 39.64], [20.68, 39.78], [40.39, 68.6], [46.65, 47.71], [35.4, 65.3], [44.29, 49.45], [14.56, 56.36], [30.12, 35.44], [37.61, 40.41], [30.63, 22.33], [33.43, 52.82], [32.57, 39.81], [53.29, 62.46], [46.93, 43.57], [39.36, 42.95], [26.52, 65.54], [33.75, 55.92], [43.91, 57.74], [40.02, 40.35], [44.96, 55.87], [31.79, 52.2], [34.64, 64.83], [50.33, 65.31], [34.36, 31], [36.98, 86.29], [38.7, 56.16], [48.92, 43.05], [41.06, 60.05], [31.25, 55.8], [22.23, 44.38], [37.23, 51.78], [40.9, 37.58], [65.19, 57.58], [40.72, 30.09], [47.71, 63.3], [34.29, 25.49], [29.32, 62.27], [31.94, 29.32], [43.25, 49.09], [30.17, 74.57], [40.81, 55.4], [34.46, 50.02], [50.28, 44.55], [45.92, 28.65], [23.88, 65.69], [53.88, 49.8], [31.47, 49.98], [29.45, 71.12], [16.21, 33.89], [41.74, 48.38], [28.54, 76.72], [37.07, 50.62], [28.32, 41.73], [40.84, 39.61], [54.32, 53.12], [41.48, 44.72], [48.44, 62.56], [29.73, 61.8], [29.74, 47.08], [51.75, 45.52], [37.04, 51.6], [41.33, 42.82], [45.04, 52.38], [33.65, 61.65], [41.55, 57.81], [46.06, 56.5], [41.62, 46.4], [20.8, 30], [47.99, 12.96], [49.66, 57.71], [53.05, 59.95], [53.53, 39.82], [44.78, 61.97], [48.98, 48.88], [35.05, 50.14], [37.33, 39.04], [36.81, 64.87], [39.52, 51.51], [46.58, 48.41], [35.5, 31.99], [29.84, 54.84], [34.27, 66.94], [23.43, 53.39], [34.07, 37.35], [52.53, 66.76], [37.76, 34.61], [34.89, 33.36], [37.6, 67.13], [45.56, 26.52], [31.23, 46.44], [46.78, 65.03], [44.13, 20.03], [42.97, 41.27], [33.97, 53.63], [36.6, 47.09], [49.5, 52.88], [38.3, 39.09], [42.49, 51.18], [55.58, 57.94], [30.23, 57.3], [19.59, 47.39], [47.19, 73.72], [46.74, 55.77], [47.29, 46.55], [37.36, 67.18], [41.55, 52.41], [44.63, 62.91], [38.82, 69.74], [37.59, 55.98], [26.06, 60.86], [36.5, 50.85], [49.31, 78.84], [35.89, 40.72], [58.97, 46.96], [41.74, 40.97], [33.36, 54.17], [35.05, 36.9], [28.26, 53.8], [9.97, 59.01], [40.79, 32.38], [50.8, 56.65], [42.53, 39.45], [37.34, 53.67], [27.77, 46.49], [48.32, 62.55], [33.23, 45.96], [47.42, 61.44], [24.8, 46.07], [37.99, 54.47], [49.26, 41.85], [32.78, 29.49], [39.11, 39.41], [28.8, 31.4], [23.97, 56.46], [39.65, 44.74], [39.52, 59.76], [41.39, 45.08], [32.22, 32.1], [27.78, 59.02], [50.72, 32.06], [28.31, 42.27], [35.94, 59.14], [36.91, 29.05], [34.26, 61.43], [34.26, 26.43], [55.56, 56], [47.19, 60.66], [35.64, 44.8], [34.31, 40.17], [49.07, 67.53], [43.46, 59.11], [46.95, 56.84], [30.75, 58.34], [43.8, 38.23], [32.18, 38.97], [40.39, 50.3], [46.66, 30.04], [40.99, 57.95], [41.9, 60.39], [38.11, 39.67], [38.44, 55.2], [45.39, 33.37], [47.9, 54.83], [29.81, 36.44], [33.25, 48.32], [60.03, 42.91], [37.22, 39.51], [32.89, 53.59], [43.52, 64.69], [47.01, 58.12], [30.21, 52.74], [36.15, 50.43], [56.23, 63.42], [39.35, 62.22], [39.21, 49.89], [45.59, 50.42], [40.52, 22.02], [40.16, 46.38], [31.96, 45.68], [42.49, 31.68], [45.11, 65.7], [31.02, 67.89], [42.99, 46.92], [52.84, 42.83], [34.08, 44.62], [40.37, 71.72], [46.55, 45.17], [47.17, 24.15], [35.74, 50.73], [32.36, 47.16], [27.7, 57.48], [51.57, 69.16], [53.56, 56.4], [36.75, 44.84], [49.09, 45.01], [33.67, 60.28], [39.03, 46.3], [54.56, 68.39], [39.88, 60.63], [42.85, 46.64], [61.6, 61.33], [22.52, 23.32], [29.96, 48.22], [49.46, 59.35], [43.48, 67.31], [50.99, 51.58], [44.33, 70.32], [60.1, 44.83], [26.95, 58.41], [27.18, 56.43], [40.17, 69.77], [33.3, 46.7], [44.73, 50.9], [33.07, 31.12], [38.42, 58.08], [37.1, 44], [46.42, 32.24], [49.69, 44.59], [37.18, 44.5], [30.81, 61.76], [41.55, 45.89], [36.94, 53.09], [46.81, 28.9], [26.95, 57.56], [43.51, 32.74], [44.88, 67.32], [45.6, 57.94], [54.98, 33.22], [56.95, 42.42], [25.46, 39.8], [42.09, 35.34], [48.35, 51.93], [39.11, 59.81], [40.97, 63.35], [36.78, 71.23], [47.26, 59.54], [38.36, 30.97], [32.53, 53.21], [38.69, 64.39], [34.14, 62.33], [39.96, 44.49], [23.6, 62.78], [33.18, 67.52], [61.92, 48.25], [29.9, 63.1], [32.55, 74.59], [50.4, 65.85], [42.59, 53.3], [42.86, 51.58], [53.03, 59.26], [31.5, 54.63], [52.06, 40.67], [54.31, 60.74], [36.4, 50.1], [47.84, 32.81], [43.8, 57.42], [33.38, 38.95], [27.72, 59.17], [34.59, 36.99], [32.45, 47.23], [47.89, 59.2], [28.89, 62.18], [61.34, 62.37], [36.82, 55.65], [43.01, 39.79], [38.81, 36.73], [38.17, 58.25], [58.34, 45.82], [31.4, 52.97], [43.6, 53.29], [52.71, 63.42], [38.04, 42.51], [44.64, 22.56], [28.97, 53.77], [36.17, 40.11], [33.64, 38.97], [30.84, 46.55], [29.89, 60.88], [38.15, 73.42], [55.83, 41.01], [36.66, 64.31], [37.75, 35.94], [42.14, 35.77], [38.01, 55.3], [31.16, 57.39], [16.87, 44.13], [40.23, 77.5], [43.32, 61.03], [38.44, 42.99], [55.66, 41.47], [32.43, 63.86], [37.86, 61.78], [36.49, 66.68], [50.07, 68.05], [50.05, 17.85], [52.7, 38.96], [43.49, 43.82], [36.87, 72.58], [55.97, 60.4], [39.24, 70.16], [36.11, 62.58], [52.14, 69.18], [49.32, 34.44], [52.63, 48.86], [23.99, 45.26], [64.3, 54.7], [45.97, 49.57], [38.22, 25.98], [28.17, 38.42], [23.82, 39.14], [27.69, 57.65], [35.51, 58.12], [38.25, 62.52], [26.25, 30.61], [38.14, 47.96], [43.12, 57.51], [32.2, 33.16], [41.59, 46.98], [36.15, 35.33], [33.33, 58.11], [44.03, 44.42], [44.93, 76.57], [15.1, 35.77], [39.06, 49.08], [30.67, 29.81], [42.63, 57.66], [53.38, 41.89], [52, 59.54], [58.34, 30.5], [57.05, 47.49], [31.99, 40.68], [27.28, 67.9], [35.63, 51.17], [33.96, 39.5], [40.35, 36.26], [54.7, 47.54], [55.85, 44.68], [46.08, 48.44], [22.44, 37.82], [27.61, 60.22], [37.28, 57.93], [32.92, 66.37], [59.29, 66.96], [60.15, 58.93], [54.95, 62.4], [40.74, 46.54], [64.91, 39.5], [55.81, 50.14], [30.54, 71.06], [50.7, 61.6], [38.66, 55.69], [47.14, 51.85], [56.75, 53.16], [43.61, 54.41], [40.74, 49.43], [44.77, 53.99], [32.37, 43.49], [29.85, 46.14], [53.31, 42.16], [31.38, 51.27], [45.11, 55.99], [34.78, 50.21], [42.01, 42.19], [45.64, 46.78], [38.15, 38.29], [31.77, 59.34], [43.49, 49.51], [55.19, 69.17], [34.3, 48.54], [41.96, 39.57], [31.93, 42.71], [37.03, 33.29], [37.73, 43.71], [54.38, 32.9], [41.73, 42.9], [54.66, 35.45], [54.77, 52], [44.79, 50.48], [34.25, 50.58], [39.52, 53.92], [40.32, 35.46], [40.58, 38.77], [45.84, 50.38], [46.35, 59.94], [35.48, 62.61], [35.63, 43.89], [38.47, 63.25], [26.45, 71.12], [56.22, 40.44], [44.24, 75.28], [36.21, 51.79], [34.26, 59.48], [39.69, 44.36], [33.03, 38.17], [42.16, 40.6], [43.9, 46.31], [34.58, 49.96], [46.8, 54.71], [35.06, 19.98], [58.47, 46.16], [38.14, 59.12], [50.47, 50.39], [52.91, 47.98], [31.38, 33.14], [38.95, 57.48], [19.04, 44.08], [44.28, 36.93], [31.62, 50.56], [31.61, 63.64], [35.01, 53.98], [38.04, 56.12], [23.77, 70.66], [50.83, 59.59], [49.68, 45.39], [36.4, 41.5], [33.58, 63.75], [56.11, 59.97], [42.83, 70.85], [34.76, 60.55], [56.53, 22.52], [39.56, 52.08], [52.38, 66.62], [28.57, 66.39], [39.16, 56.31], [21.97, 55.3], [40.7, 40.74], [40.09, 62.9], [67.1, 52.27], [40.35, 51.87], [35.72, 39.11], [31.33, 30.27], [37.67, 54.7], [58.34, 49.02], [44.07, 37.36], [51.5, 57.11], [57.66, 54.84], [44.76, 51.4], [60.02, 48.93], [30.68, 63.79], [28.07, 45.58], [51.26, 64.26], [49.76, 34.86], [33.15, 49.79], [36.92, 43.24], [38.06, 51.48], [27.19, 65.75], [27.38, 65.2], [36.91, 60.11], [40.06, 65.08], [44.12, 67.37], [49.47, 65.05], [42.32, 54.35], [44.07, 46.61], [29.24, 51.42], [34.49, 38.03], [42.8, 51.44], [37.39, 42.55], [36.15, 27.83], [47.76, 34.43], [25.44, 33.35], [37.59, 60.45], [28.73, 39.93], [38.85, 48.68], [37.7, 39.9], [48.86, 66.57], [40.38, 45.06], [26.34, 59.88], [50.18, 46.67], [53.85, 54.77], // ... truncated, use Copy or open the full config const chart = new WestCoastCharts(document.querySelector('#chart'), options) await chart.render() ``` ## Verify - Text check (Library 1.1.5): load `west-coast-charts/agent/describe` and call `chart.describe({ format: "json" })` for the actual drawn state. The live reader is on this example’s HTML page. - Command line (Public agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm, https://westcoast-charts.com/docs/cli/index.md): `wcc chart export canvas-scatter-canvas-renderer.json --out canvas-scatter-canvas-renderer.svg --with-table` (save the options above as JSON first)