Frappé Gantt

A simple, interactive, modern gantt chart library for the web

View the demo here.

Install

npm install frappe-gantt

Usage

Include it in your html:

<script src="frappe-gantt.min.js"></script>

And start hacking:

var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3',
    custom_class: 'bar-milestone' // optional
  },
  ...
]
var gantt = new Gantt("#gantt", tasks);

If you want to contribute:

Clone this repo.
cd into project directory
npm install
npm run dev

License: MIT

Project maintained by frappe

erlhal/gantt

Frappé Gantt

View the demo here.

Install

Usage