Canvas charts at scale

A 100,000-point series rendered on Canvas in light and dark themes, with an accessible description and data table.

charts-canvas · charts/canvas

charts canvas

Props

mode
renderer
series

Live example loads in an isolated same-origin preview frame.

Source (charts-canvas/entries.ts)

import { defineExample } from '../registry.ts';

export const canvasChartsExample = defineExample({
  id: 'charts-canvas',
  title: 'Canvas charts at scale',
  description:
    'A 100,000-point series rendered on Canvas in light and dark themes, with an accessible description and data table.',
  tags: ['charts', 'canvas', 'performance', 'accessibility'],
  component: 'charts/canvas',
  props: ['series', 'mode', 'renderer'],
  load: () => import('./CanvasChartsDemo.svelte'),
});