victory-canvas

HTML5 Canvas Components for Victory

Usage no npm install needed!

<script type="module">
  import victoryCanvas from 'https://cdn.skypack.dev/victory-canvas';
</script>

README

VictoryCanvas

This is an experimental set of primitive components that can be used in place of the default Victory primitives to render data to a Canvas container rather than SVG.

The current version of this package includes components for line, bar, and scatter charts.

Example usage:

<VictoryLine
  groupComponent={<CanvasGroup />}
  dataComponent={<CanvasCurve />}
  data={data}
/>
<VictoryBar
  groupComponent={<CanvasGroup />}
  dataComponent={<CanvasBar />}
  data={data}
/>
<VictoryScatter
  groupComponent={<CanvasGroup />}
  dataComponent={<CanvasPoint />}
  data={data}
/>

This package currently exports:

  • CanvasGroup
  • CanvasCurve
  • CanvasPoint
  • CanvasBar

Please visit our documentation site to read more about these components https://formidable.com/open-source/victory

To suggest an addition or correction to this documentation please see https://github.com/FormidableLabs/victory/blob/main/docs/src/content/docs