An open API service indexing awesome lists of open source software.

https://github.com/utsavdotpro/chartsexample-svelte

A single-page web app to try different charts libraries for Svelte and compare them.
https://github.com/utsavdotpro/chartsexample-svelte

charts charts-example practice-project sveltejs

Last synced: about 2 months ago
JSON representation

A single-page web app to try different charts libraries for Svelte and compare them.

Awesome Lists containing this project

README

        

# Svelte Charts Example
A single-page web app to try different charts libraries for Svelte and compare them.

## Chart Libraries Used

### Carbon/Charts

[Docs](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs--welcome) | [GitHub](https://github.com/carbon-design-system/carbon-charts#readme) | [npm](https://www.npmjs.com/package/@carbon/charts-svelte)

```bash
yarn add @carbon/charts @carbon/charts-svelte [email protected] carbon-components
# or
npm install -S @carbon/charts @carbon/charts-svelte [email protected] carbon-components
```

### Frappe
[Docs](https://frappe.io/charts/docs) | [GitHub](https://github.com/himynameisdave/svelte-frappe-charts#readme) | [npm](https://www.npmjs.com/package/svelte-frappe-charts)

```bash
yarn add svelte svelte-frappe-charts
# or
npm i -S svelte svelte-frappe-charts
```

### Froala
[Docs](https://froala.com/charts/docs/frameworks/svelte/)

```bash
yarn add svelte-froalacharts froalacharts
# or
npm install svelte-froalacharts froalacharts --save
```

## Screenshot
![screenshot](./samples/home.png)