Frappé Charts

GitHub-inspired modern, intuitive and responsive charts with zero-dependency

### Table of Contents * [Installation](#installation) * [Usage](#usage) * [License](#license) #### Installation * Install via [`npm`](https://www.npmjs.com/get-npm): ```console $ npm install frappe-charts ``` * ...or include within your HTML ```html ``` ### Usage ```js const data = { labels: ["12am - 3am", "3am - 6pm", "6am - 9 A.M", "9am - 12am", "12pm - 3pm", "3pm - 6pm", "6pm - 9pm", "9am - 12am" ], datasets: [ { title: "Some Data", color: "light-blue", values: [25, 40, 30, 35, 8, 52, 17, -4] }, { title: "Another Set", color: "violet", values: [25, 50, -10, 15, 18, 32, 27, 14] } ] } const chart = new Chart({ parent: '#chart', title: "My Awesome Chart", data: data, type: 'bar', // or 'line', 'scatter', 'percentage' height: 250 }) ``` If you want to contribute: 1. Clone this repo. 2. `cd` into project directory 3. `npm install` 4. `npm run dev` #### License This repository has been released under the [MIT License](LICENSE) ------------------ Made with ♥ by [pratu16x7](https://github.com/pratu16x7). Project maintained by [frappe](https://github.com/frappe)