Open Source Gantt Chart JavaScript Library

The default smart rendering feature significantly improves data rendering speed when operating with big data sets. The DHTMLX Gantt's basic initialization loads over 12,000 tasks and dependencies within a second smoothly.

The standard version of DHTMLX Gantt allows end-users to select multiple tasks and drag them horizontally along the timeline, easily changing their start/end dates and duration. You can limit the area and deny the dragging of specific tasks. Timeline scrolling is also supported by mouse dragging.

Keyboard navigation mode allows end-users to manage all tasks within the grid via inline editing efficiently. Using keyboard shortcuts and built-in editors, they can quickly create and update project tasks, set connections between them, and modify their duration.

The Right-to-Left mode in DHTMLX Gantt is designed to support languages that are read from right to left. When enabled, it reverses the direction of the time scale and the order of rows in the grid, ensuring a seamless and intuitive experience for RTL language users.

The open source DHTMLX Gantt provides 7 predefined skins that you can apply to change your Gantt chart look, including Material, Dark, and Contrast Black and White themes to improve your app accessibility. You can also use CSS variables to customize the Gantt’s appearance.

A configurable layout of DHTMLX Gantt allows you to arrange the elements as inner views within its layout. Thus, you can add extra timelines and grids, building a flexible Gantt chart structure with customizable element arrangements.