Skip to main content

Gantt

Project scheduling with hierarchical tasks, dependencies, baselines, and a critical path.

  • Package: @bryntum/gantt (trial: @bryntum/gantt-trial)
  • CSS: gantt.css
  • Class: Gantt
  • Wrappers: @bryntum/gantt-react, @bryntum/gantt-angular, @bryntum/gantt-vue-3

Install (trial)​

npm install @bryntum/gantt@npm:@bryntum/gantt-trial@7.2.0

What agents should know​

  • The data model is a tree of tasks (a ProjectModel holding tasks, dependencies, resources, assignments). Don't flatten it — use nested children or parent IDs.
  • Dependencies link task IDs and have types (finish-to-start, etc.). Look up the dependency model with the MCP server rather than guessing field names.
  • Gantt is one of the heavier components — give it an explicitly sized parent or it collapses.
  • For persistence, use a CrudManager / ProjectModel with loadUrl/syncUrl. Re-read the backend rules — phantom IDs and partial sync updates bite hardest here because of the parent/child structure.
Prompt for your agent
Add a Bryntum Gantt to this React app (trial 7.2.0). Seed a small project: ~8 tasks, 3 levels of nesting, two finish-to-start dependencies. `svalbard-light` theme, fill the viewport. Confirm the task and dependency model with the Bryntum MCP server before writing data.