@chartts/svelte

Svelte

Native Svelte package with store-based reactivity. Works with SvelteKit and any Svelte setup.

Installation

npm install @chartts/svelte

Basic usage

<script>
import { LineChart } from '@chartts/svelte'
</script>

<LineChart {data} x="month" y="revenue" />

Stores

Pass Svelte stores as data and charts react to changes automatically. Use derived stores for computed datasets.

SvelteKit

Works with SvelteKit SSR. Charts render as static SVG on the server. Load data in +page.server.ts and pass to charts.

Related