Bryntum Gantt

The Gantt chart is built with pure JavaScript / ES6+ and uses a very fast rendering engine. This means you can load large data sets and still have great scrolling and rescheduling performance.

Try our big data set demo!

Try big data set demo

Choose between five different themes, or make your own by extending our SASS-based themes. Shipped themes:

• Stockholm (default)
• Material
• Light
• Dark
• Basic

With the constraints feature, you get granular control over how tasks are scheduled. The Gantt scheduling engine supports the standard constraint types, and you can also create your own custom constraints. Built-in constraint types:

• Start no earlier than
• Start no later than
• Finish no earlier than
• Finish no later than
• Must start on
• Must finish on

Our new graph based scheduling engine “Chronograph” is built from the ground up in TypeScript and provides asynchronous rescheduling that handles any number of tasks. It’s implemented separately from the DOM so you can also run it on your server with Node. The engine takes into account dependencies, constraints and task scheduling mode as it calculates the schedule. After moving a task, the resulting change set is animated into place so users can track how one change affects others more easily.

The Gantt chart has lots of features built-in, such as task editor, configurable tooltips, resource assignment editor and many more showcased in the example browser. If you want to know technical details about all the features, you can always find them described in the documentation.