Frappé Charts

GitHub-style simple and modern charts for the web

with zero dependencies.

Try it! Use arrow keys to navigate data points

Installation

                npm install frappe-charts
              

Usage

Include it in your html
                <script src="frappe-charts.min.js" />
              
Create an svg element
                <svg id="chart"></svg>
              
Initiliaze a new Chart object
                var tasks = [
                    {
                      id: 'Task 1',
                      name: 'Redesign website',
                      start: '2016-12-28',
                      end: '2016-12-31',
                      progress: 20,
                      dependencies: 'Task 2, Task 3'
                    },
                    ...
                  ]
                  var chart = new Chart;
                
              

Examples

View on GitHub

License: MIT