NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

JavaScript Gantt Chart for web development

Webix Gantt is an effective web tool for Agile project management. The rich functionality allows managing projects and resources, creating any number of tasks, and monitoring their execution. The widget can be used as a stand-alone app or a third-party solution. You can easily configure and customize Gantt Chart as well as integrate it into any web framework.

gantt
invisible123456

NEW feature

  • Baseline property to set planned dates for your project: start date, end date and duration.

Other Webix widgets for planning tasks:

Advanced Gantt features for your JavaScript web apps

features-1

  • Types of elements: task, project, milestone.

features-2

  • Ability to switch scales and zooming

features-3

  • Ability to display markers: now, the start and the end of the project, any other.

features-4

  • Ability to show a critical path, meaning the chain of tasks that can't be delayed.

features-5

  • Ability to automatically convert tasks with child tasks into projects.

features-6

  • Ability to load and assign resources (single or multiple) to tasks.

features-7

  • Display of all resources with tasks related to them.

features-8

  • Ability to visualize resource load per day.

features-9

  • Ability to include only working days in task duration.

features-10

  • The ability to display projects and tasks with subtasks in a single line, dividing them into separate segments.

HTML5 Gantt widget areas of application

JavaScript Gantt Chart is used in project planning and management systems. The convenient implementation of the Agile methodology allows you to visually organize a list of tasks and subtasks, track progress, assess risks, and identify bottlenecks in any project.

ERP systems

ERP systems

Module for resource management, project planning and management.

Risk analysis and management

Risk analysis and management

Business activity visualisation and building links between objects. Bottlenecks identification.

Agile project management

Agile project management

Classic solutions for Agile project, task and resource management.

Resource and workload management

Resource and workload management

Time tracking, visualization and balancing of the list of tasks for performers. Progress and completed tasks tracking.

Budget management, cost optimization

Budget management, cost optimization

Expenses systematization by items, prioritizing the expenditure items.

Research and consulting

Research and consulting

Managing complex processes with numerous contractors and performers.

JavaScript Gantt Chart live demo

Title
Start date
Assigned
Mar 24
Mar 25
Mar 26
Mar 27
Mar 28
Mar 29
Mar 30
Mar 31
Apr 01
Apr 02
Apr 03
Apr 04
Apr 05
Apr 06
Apr 07
Apr 08
Apr 09
Apr 10
Apr 11
Apr 12
Apr 13
Apr 14
Apr 15
Apr 16
Apr 17
Apr 18
Apr 19
Apr 20
Apr 21
Apr 22
Apr 23
Apr 24

Advantages of the Webix Gantt Chart widget

Ready-made solution for time management

An elaborate solution with numerous features ready for integration into any system

Easy setup and customization

Simple design setup, simple functionality customization.

Easy backend integration

Explicit Integration with PHP, Node.js, Golang and .NET.

Webix environment

Operating in the same eco-environment of the Webix library.

Easy frontend integration

Сan work with all modern frameworks. You can use it standalone or inside the React of an Angular app.

Customizable

All elements can be adjusted through API, without need to edit anything in source codes (which are provided by the way).

Gantt Chart JavaScript coding samples

Custom time scales

Custom time scales

Using any dimension for the calendar grid (one week, month, year).

Read only mode

Read only mode

View mode without editing.

Localization example

Localization example

Localization of the application with language switching.

Gantt compact mode sample

Gantt compact mode sample

Compact mode for screens with a small diagonal.

Gantt Chart JS widget FAQ

What are complex widgets?

These are full-fledged single page apps with the ready-made back-end and front-end layers, that you can download and build into your solution. You can find the whole list of complex widgets at the link.

Can I buy Gantt Chart without the Webix library?

Yes, we have provided for this opportunity. Contact us for more information.

Is Gantt Chart compatible with the Webix community (opensource) edition?

No, it isn't. All complex widgets require the Webix Pro commercial package.

Is Webix Gantt an independent application, like SaaS?

No, it isn't. Webix Gantt is a complex UI widget designed for integration into any web applications. You can extend the capabilities of your web system by enabling Webix Gantt.

What are the differences between Gantt Chart and Task Board (Kanban)?

Gantt is the Agile implementation of project management. Kanban is the Waterfall methodology. They are absolutely different methodologies.

Is Gantt Chart compatible with Angular or React?

Yes, it is. We provide the examples of our widgets' integration into any modern frameworks.

Will Gantt Chart work when the trial period expires?

After the trial period expires all the functionality of the Gantt Chart will be blocked. But you can contact us to extend the trial period up to 6 months.

Can I change the Gantt Chart UI and design?

Sure. Complex widgets are easy to set, integrate and customize. We have created a detailed documentation to help you with that.

Webix Gantt licensing

License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Custom Pack
Gantt Chart
1
2 developers
Standard
30
Up to 48 hours
from $ 798
Customize
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Company Pack
All complex Widgets
1
Unlimited developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
DevTeam Pack
All complex Widgets
Unlimited projects
5 developers
Standard
30
Up to 48 hours
License type
License Terms
Package
Projects
Developers
Support
Support tickets
Response time
Unlim Pack
All complex Widgets
Unlimited projects
Unlimited developers
Priority
Infinity
Up to 24 hours