https://github.com/rodneylab/svelte-chartjs

Svelte Charts: how quickly and easily you can add customised charts to your SvelteKit, Astro or other Svelte apps with Chart.js.
https://github.com/rodneylab/svelte-chartjs

charting-library chartjs charts json svelte svelte3 sveltejs sveltekit

Last synced: 29 days ago
JSON representation

Svelte Charts: how quickly and easily you can add customised charts to your SvelteKit, Astro or other Svelte apps with Chart.js.

• Host: GitHub
• URL: https://github.com/rodneylab/svelte-chartjs
• Owner: rodneylab
• License: bsd-3-clause
• Created: 2022-06-20T18:52:50.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T08:52:54.000Z (6 months ago)
• Last Synced: 2024-09-29T11:57:40.191Z (about 1 month ago)
• Topics: charting-library, chartjs, charts, json, svelte, svelte3, sveltejs, sveltekit
• Language: Svelte
• Homepage:
• Size: 329 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: .github/SECURITY.md

Awesome Lists containing this project

README

        




  

    

  





  Svelte Chart.js



# svelte-chart.js

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/svelte-chartjs)

How you can set up Chart.js to work with Svelte. The code accompanies the post on Svelte Charts. If you have any questions, please drop a comment at the bottom of that page.

## Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

```bash

git clone https://github.com/rodneylab/svelte-chartjs.git

cd svelte-chartjs

pnpm install # or npm install

pnpm run dev

```

## Building

```bash

pnpm run build

```

> You can preview the built app with `pnpm run preview`, regardless of whether you installed an adapter. This should _not_ be used to serve your app in production.

Feel free to jump into the [Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).