Popularity
5.1
Growing
Activity
0.4
-
2,356
92
550

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: Data Visualization     D3    

Frappe Gantt alternatives and similar libraries

Based on the "d3" category.
Alternatively, view Frappe Gantt alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of Frappe Gantt or a related project?

Add another 'd3' Library

README

Frappe Gantt A simple, interactive, modern gantt chart library for the web View the demo »

Install

npm install frappe-gantt

Usage

Include it in your HTML:

<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">

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);

You can also pass various options to the Gantt constructor:

var gantt = new Gantt("#gantt", tasks, {
    header_height: 50,
    column_width: 30,
    step: 24,
    view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],
    bar_height: 20,
    bar_corner_radius: 3,
    arrow_curve: 5,
    padding: 18,
    view_mode: 'Day',   
    date_format: 'YYYY-MM-DD',
    custom_popup_html: null
});

If you want to contribute:

  1. Clone this repo.
  2. cd into project directory
  3. yarn
  4. yarn run dev

License: MIT


Project maintained by frappe


*Note that all licence references and agreements mentioned in the Frappe Gantt README section above are relevant to that project's source code only.