# @onsvisual/svelte-charts

[![npm version](https://badge.fury.io/js/@onsvisual%2Fsvelte-charts.svg)](https://www.npmjs.com/package/@onsvisual/svelte-charts)

Reusable chart templates for Svelte projects.

Usage examples for these charts can be found on the [ONS svelte-components Storybook pages](https://onsvisual.github.io/svelte-components/):

- [BarChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-barchart--docs)
- [ColumnChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-columnchart--docs)
- [DotPlotChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-dotplotchart--docs)
- [LineChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-linechart--docs)
- [ScatterChart](https://onsvisual.github.io/svelte-components/?path=/docs/data-visualisation-scatterchart--docs) (includes beeswarm)

Further examples with interactions can be found in the **/src/App.svelte** file in this repo, which can be [previewed live here](https://onsvisual.github.io/svelte-charts/).