This is an advanced example with many ways to interact with the data in the chart. Tasks details can be edited inline, tasks can be moved and resized and you can create new dependencies by dragging from one task terminal to another. There is also a context menu available when you right click a task.

To see the data loaded into the gantt chart, click these links: Tasks, Dependencies.

Note that the js for the example code is not minified so it is readable. See gantt.js.