Gantt

Create a Gantt chart with project phases and tasks for project planning, scheduling, and milestone tracking.

Updated 16 Sep 20261 min read

Send "type": "gantt".

Create a Gantt chart with project phases and tasks for project planning, scheduling, and milestone tracking. Use this for task management with durations, progress, assignees, and grouped phases. For simple chronological event visualization (history, milestones, biography events), use render_timeline instead.

Also available as the MCP tool render_gantt. The same payload works through either surface.

Fields

data

columnsobject[]required

Array of Gantt chart columns/phases. Each column must have a different color.

Child attributes

idstringrequired

Unique column ID (e.g., col_1, col_2)

titlestringrequired

Phase/category title (e.g., Planning, Development)

colorstringrequired

Column accent color. Use: #1c7ce2, #ff9800, #9c27b0, #4caf50, #2196f3

fontColorstring

Font color for column. Defaults to #5e6c84.

cardsobject[]required

Array of task cards in this phase

settingsobjectrequired

Chart settings

Child attributes

boardTitlestring

Title of the Gantt chart

viewModestring

View mode: day, week, or month. Defaults to day.

themestring

Defaults to light.

showWeekendsboolean

Defaults to true.

Example

{
  "type": "gantt",
  "data": {
    "columns": [
      {
        "id": "string",
        "title": "Q4 Launch Planning",
        "color": "string",
        "fontColor": "#5e6c84",
        "cards": [
          {
            "id": "string",
            "title": "Q4 Launch Planning",
            "description": "string",
            "startDate": "string",
            "endDate": "string",
            "dueDate": "string",
            "progress": 0,
            "assignees": [
              "string"
            ],
            "labels": [
              "string"
            ],
            "comments": [
              {}
            ]
          }
        ]
      }
    ],
    "settings": {
      "boardTitle": "Q4 Launch Planning",
      "viewMode": "day",
      "theme": "light",
      "showWeekends": true
    }
  }
}

Was this page helpful?