# Gantt

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

Source: https://mockflow.com/developers/reference/item-types/gantt

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

- `columns` (object[], required): Array of Gantt chart columns/phases. Each column must have a different color.
    - `id` (string, required): Unique column ID (e.g., col_1, col_2)
  - `title` (string, required): Phase/category title (e.g., Planning, Development)
  - `color` (string, required): Column accent color. Use: #1c7ce2, #ff9800, #9c27b0, #4caf50, #2196f3
  - `fontColor` (string): Font color for column. Defaults to `#5e6c84`.
  - `cards` (object[], required): Array of task cards in this phase
- `settings` (object, required): Chart settings
    - `boardTitle` (string): Title of the Gantt chart
  - `viewMode` (string): View mode: day, week, or month. Defaults to `day`.
  - `theme` (string): Defaults to `light`.
  - `showWeekends` (boolean): Defaults to `true`.

## Example

```json
{
  "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
    }
  }
}
```