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.

gantt
1 2 3 4 5 6

1. List of tasks

  • viewing and editing tasks
  • creating subtasks

2. Resource diagram

  • visual loading of resources

3. Resource management

  • possibility to assign resources to tasks

4. Ability to display markers

  • now, the start and the end of the project, any other

5. Critical path

  • visual display of a chain of tasks that cannot be postponed

6. Creating and editing tasks

  • task duration
  • progress
  • predecessors / successors tasks

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.

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