Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/oslabs-beta/svend3r

Interactive plug and play charting library for Svelte
https://github.com/oslabs-beta/svend3r

charts d3 javascript svelte sveltekit tailwindcss

Last synced: about 9 hours ago
JSON representation

Interactive plug and play charting library for Svelte

Awesome Lists containing this project

README

        

# Svend3r v0.1.0-beta

## Introducing Svend3r, a plug and play D3 charting library for Svelte!

There are great resources for building your own charts with Svelte, including [Pancake](https://pancake-charts.surge.sh/) (from Rich Harris) and [Layer Cake](https://layercake.graphics/) (from Michael Keller), but the Svend3r team wants to make it even easier.

# How do I use Svend3r?
## - Head to the [Svend3r.dev](https://www.svend3r.dev/) homepage

Svend3r Home Page

## - Decide which chart works best for your application

Svend3r Bar Chart

## - Ensure your data is formatted correctly by checking the Data Schema Tab

Svend3r Bar Chart Data Schema

## - Manipulate the properties to customize the look and feel of your chart

Svend3r Bar Chart Properties

## - Copy the code and the data from the Code and Data tabs

Svend3r Bar Chart Code
Svend3r Bar Chart Data

## - Paste the code and data into a [Svelte repl](https://svelte.dev/repl/hello-world?version=3.46.5) or directly into your component

Svend3r Area Repl

## Thats it!

# Want to Contribute?
The incredibly active, supportive community is one of the best parts of building in Svelte. Do you have a chart component you'd like to share? Notice anything missing, not working, or not available yet that you'd like to see? Submit a pull request to the contributor branch!

## Contributors
- James Laff | [Linkedin](https://www.linkedin.com/in/jameslaff/) | [GitHub](https://github.com/jameslaff)
- Tao Chen | [Linkedin](https://www.linkedin.com/in/xtc2008/) | [GitHub](https://github.com/xtc2008)
- Isaac Saunders | [Linkedin](https://www.linkedin.com/in/isaac-l-saunders/) | [GitHub](https://github.com/IsaacLSaunders)
- Michael Lakeram | [Linkedin](https://www.linkedin.com/in/michaellakeram/) | [GitHub](https://github.com/calamitymike)