Gantt Chart: JavaScript online project management application

Webix Gantt is an Agile project management solution. The Gantt functionality allows you to create solutions for managing projects and resources, setting tasks, and monitoring their execution. Online Gantt Chart can be integrated into any web business solution or browser application. Webix Gantt is easy to customize and integrate into any information solutions and system platforms.

1 2 3

1. List of tasks

  • tasks preview and editing
  • creating subtasks

2. Gantt chart

  • drag-n-drop and resize support
  • setting predecessors / successors links

3. Setting and editing tasks

  • task duration
  • progress
  • predecessors / successors tasks

Other Webix widgets for planning tasks:

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

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.

Backend integration

Clear-cut Integration with Backend Platforms: PHP, Node.js, Golang and .NET.

Webix environment

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

Frontend integration

Integration with jQuery, AngularJS, Vue.js, React and third party libraries.

Web accessibility

Meets Section 508 and WAI-ARIA standards and supports keyboard navigation.

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