< DHTMLX Gantt 7.1 with Part-Time Resource Assignment, Rollup Tasks, and Much More

Interactive JavaScript/HTML5 Gantt Chart
for Your Solutions

DHTMLX Gantt is a full-featured Gantt chart for cross-browser and cross-platform applications.

The most complete library to cover all the needs of a project management app.

Live Demo

Key Features of DHTMLX JS Gantt Library

Resource allocation

DHTMLX Gantt provides rich resource management functionality, which enables users to benefit from efficient resource planning techniques. For example, a resource load chart gives insight into the current workload and helps to allocate resources optimally.

Grouping tasks by resources

It is possible to assign as many resources per task as you need. In order to conveniently navigate a project you can group tasks by the assigned resources. Instead of a common Gantt chart you can have a resource view, which allows monitoring task allocation.

Export and import from MS Project

DHTMLX Gantt can be a perfect alternative to MS Project in your application. Our JavaScript Gantt component enables users to import Gantt charts from MS Project as well as export them back as MPP files. Besides, DHTMLX Gantt supports Primavera, Excel, iCal, and PDF/PNG formats.

All You Need in a JavaScript Gantt Chart

Gantt chart critical path
Determine vital tasks and the minimum duration of the whole project.
Auto scheduling
Update the project schedule automatically based on task dependencies.
Gantt project baselines
Compare the original project plan with the actual timing.
Smart rendering
Navigate and manage 30 000+ Gantt chart tasks on the fly.
Gantt chart critical path
Auto scheduling
Gantt project baselines
Smart rendering

JavaScript Gantt Features

User interface
  • Editable and readonly Gantt charts
  • Full screen mode
  • Material design Gantt chart skin and 6 other skins
  • High-contrast skins
  • Support for touch devices: iOS, Android
  • Flexible Gantt layout
  • Tooltips for all Gantt elements
  • Localization (30+ locales)
  • Multiple Gantt charts on one page
Task dependencies
  • 4 types of dependencies: finish-to-start, start-to-start, finish-to-finish, start-to-finish
  • Tasks constraints pro
  • MS Project link formatting pro
  • Ability to set task types automatically pro
  • Backward planning
  • Auto scheduling pro
Grid
  • Per-column grid sorting
  • Sorting and filtering
  • Inline editing
  • Configurable columns
  • Hiding and showing columns via API pro
  • Optional tree view
  • Resizing columns and grid from the UI pro
  • Changing the height of separate rows
  • Placeholder row for creating new tasks
  • WBS codes calculation
Resource management pro
  • Assigning resources
  • Multiple resources per task
  • Part-time resource assignments
  • Resource calendars
  • Resource histogram
  • Resource load diagram
Export, import, and loading formats
  • Export/import from/to MS Project, Primavera, Excel
  • Export to iCal, PDF/PNG
  • Loading from XML, JSON
General
  • Full control with JavaScript API
  • Content Security Policy (CSP) compliance
  • Accessibility (WAI-ARIA)
  • Ability to undo and redo changes
  • Keyboard navigation
  • jQuery integration
  • Cross-browser: IE 11+, FF, Chrome, Safari, Opera
Gantt chart tasks
  • Three types: project pro, task, milestone pro
  • Multi-task selection
  • Split tasks pro
  • Progress tracking
  • Critical path calculation pro
  • Rollup tasks and milestones
  • Grouping tasks by different criteria
  • Decimal units for task duration pro
  • Working calendar for the whole project pro
  • Working days and hours for individual tasks
  • Support for unscheduled tasks
  • Managing editable and readonly modes of individual tasks via API
  • Setting working time in minutes (New!)
  • Merging working calendars pro (New!)
  • Free slack and total slack
Project timeline
  • Baselines, deadlines and other custom elements pro
  • Vertical markers
  • Fully configurable time scales
  • Right-to-left mode
  • Scrolling by click and drag
  • Zooming by mouse wheel
  • Marking specific time slots
Drag and drop
  • Drag and drop of projects with subtasks
  • Drag and drop of tasks with subtasks
  • Drag and drop of multiple tasks
  • Creating tasks by drag and drop
  • Reordering Grid columns by drag and drop
  • Auto-scrolling while drag and drop
Performance
  • Dynamic loading pro
  • Smart rendering
Customization
  • Customizable task edit form (lightbox)
  • Customizable timeline
  • Customizable grid
  • Customizable dependency links
  • Customizable tooltips
  • Support for custom tasks types pro
  • Custom resource styling
  • Custom content on top of Gantt pro
Learn more about JavaScript Gantt features available in the Standard edition and PRO edition.
Full-Featured JavaScript Gantt Chart Library for Project Management
DHTMLX Gantt allows building user-friendly project planning apps of any complexity. Discover its key functionality by watching a 3-minute overview.
10

Years on the market

6000+

NPM downloads per month

1000+

New trial & GNU GPL users per month

2500+

Customers

JS Gantt Chart Samples

Trusted by Developers and Project Managers

gantt chart web development
Advantages for Developers
Pure JavaScript Gantt chart library with no dependencies
Simple integration with any server-side and client-side technologies
Rich and flexible JavaScript API
Fully customizable and editable
Impressively fast rendering of any number of tasks
All-covering documentation with video guides and tutorials
gantt chart web development
Advantages for Project Managers
Cost-effective alternative to MS Project
Toprated on the market for more than 10 years
Technical expertise in developing project management tools
Application in diverse industries: construction, ERP, service, etc.
Comprehensive live demos for various use cases
Transparent licensing policy
Deutsche bank logo
Siemens logo
Airbus logo
Embraer logo
Facebook logo
Accenture logo
Oracle logo
Ganttpro logo
Thousands of projects worldwide are managed with tools based on DHTMLX Gantt

Latest Customer Spotlights from Our Clients

DHTMLX Gantt for XB Software
Gantt for XB Software
MVP for ERP system using React
Read More
DHTMLX Gantt for Splitvice
Gantt in Splitvice
Portfolio and project management tool
Read More
DHTMLX Gantt in Hive
Gantt in Hive
Team productivity platform
Read More
DHTMLX Gantt for Keyworks
Gantt for Keyworks
Cloud public administration platform
Read More
DHTMLX Gantt for GanttPRO
Gantt for GanttPRO
Online project management tool
Read More
Gantt for AugmentedCISO
Gantt for AugmentedCISO
Innovative cybersecurity solution
Read More

Node.js Gantt Chart

Node.js Gantt Chart Library

DHTMLX Node.js server module is an add-on to the JavaScript Gantt library. However, it is an indispensable tool required for:

external integration with complex systems, CRM, ERP, and PM software;
real-time collaboration with many people working simultaneously on the same timeline;
for client-less integrations with calculations based on calendars, links, etc., performed on the fly.

Why Choose DHTMLX JavaScript Gantt Chart?

Easy to set up and use
Easy to set up and use
Even if you are not a JavaScript expert, starting your work with our HTML5 Gantt control is straightforward. You can quickly initialize it with a few lines of code and equip it with the desired features in no time. Guides, demos, and video tutorials have got you covered.
Full-featured out of the box
Full-featured out of the box
DHTMLX Gantt is the most complete JavaScript Gantt chart library for project management. It has all the necessary functionality including different task types, scheduling techniques, and resource management. Besides, it is beautiful out of the box.
Fully customizable
Fully customizable
A rich and flexible API allows you to configure each and every element of the JavaScript Gantt chart control: customize time scale, define grid structure, style task bars, fine-tune editing form, and add any kind of custom HTML content.
Stable and high-performance
Stable and high-performance
Robust and flawless performance is the key criterion for large projects with thousands of tasks. You can load any number of tasks to the JavaScript Gantt component and it will render them smoothly due to smart rendering and dynamic loading.

What Customers Say

DHTMLX Gantt Licensing

Individual Commercial Enterprise Ultimate
License Terms
Individual
Commercial
Enterprise
Ultimate
Developers
Individual
1
Commercial
5
Enterprise
20
Ultimate
Projects
Individual
1
Commercial
1
Enterprise
5
Ultimate
Use in SaaS
Individual
Commercial
Enterprise
Ultimate
Use in Salesforce
Individual
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Individual
Commercial
Enterprise
Ultimate
Support Plan
Individual
Standard Support
Commercial
Premium Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Individual
1 year
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Individual
Minor & major updates
Bug fixes
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Support requests
Individual
10
Commercial
30
Enterprise
50
Ultimate
Response Time
Individual
72h
Commercial
48h
Enterprise
48h
Ultimate
24h
Personal account Manager
Individual
Commercial
Enterprise
Ultimate
Functionality
Individual
Professional
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
16 PRO features
Individual
Commercial
Enterprise
Ultimate
Several Gantt charts on 1 page ? This feature enables creating and destroying instances of Gantt, what is especially common for Angular, React, and other frameworks.
Individual
Commercial
Enterprise
Ultimate
Online export to PDF/PNG without watermark
Individual
Free for 1 year
Commercial
Free for 1 year
Enterprise
Free for 1 year
Ultimate
Free for 3 years
Free local PDF/PNG export module
Individual
Commercial
Enterprise
Ultimate
Free local module for MS Project export/import
Individual
Commercial
Enterprise
Ultimate
Free Node.js Gantt server module
Individual
Commercial
Enterprise
Ultimate
If you have an open-source (GNU GPL v2) project and you are not interested in PRO features, you may use DHTMLX Gantt Standard Edition for free.
It comes without official technical support, but you can use the community forum instead.

Other DHTMLX Products

Need help with DHTMLX Gantt integration into your app? Contact us

Send
a Question