jQuery Gantt controls have rich functionality for visualizing a hierarchical list of tasks and for implementing a Resource Utilization view
jQuery Gantt is a native HTML5/jQuery based implementation of a feature rich gantt widget. This is a truly cross-platform implementation that works seamlessly in very many devices and browser.
PROJECT GANTT
Built-in Intuitive and Interactive Editing
Rich set of built-in editing functionalities in the chart provide you a rich and functional UI right from the get go!

Interactive Task Moving and Resizing in the Gantt Chart

Interactively edit the Task Progress

Interactive Dependency Line Connection in the Gantt Chart
Visualization
Use a set of built-in visualization options like Critical Paths or customize the look to visualize tasks and regions of interest.

Highlight Regions of interest in the Chart

Critical Paths Highlighted

Fully customizable Gantt table with custom column and custom colors for rows
Customizable scheduling capabilities and resource leveling capabilities
A rich Gantt Model sits between your data and the gantt and provides custom scheduling capabilities, resource assignment and resource leveling capabilities.

Tasks in a 24X7 Schedule

Same Tasks in a 8X5 Schedule

Tasks Leveled based on Resource Assignment

Built-in Themes based on jQuery UI Themes

Use Templates to create the look and feel of your choice
RESOURCE GANTT
FlexyGantt as the name implies is a highly configurable gantt widget that can be bound to any kind of data source – flat list or multi-level hierarchical data representing tasks or a resource list. Simply point the gantt widget to the properties in your bound objects and the gantt will take care of plotting the tasks under the timeline.
There is also built in support for editing the task’s times by simply moving or resizing the bars. You can even force rounding (to hours, days, etc.) as the user moves or resizes the bars.

Overlapped Rendering of Tasks to indicate conflicts

Sever Status Visualization

Highlight Regions of interest in the Chart

Timeline switches between Semi-Annual headers and Monthly headers as end-user zooms in and out
Specify templates for the task bars where the look and feel is bound to some properties of the bound object.

Custom Task Look based on bound data
jQuery Gantt is a native HTML5/jQuery based implementation of a feature rich gantt widget. This demo shows the actual effect of this control.