Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Gantt Chart Generator

Create professional Gantt charts with task timelines, dependencies, progress tracking, and milestone markers

html· HTML resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL
curl -X POST 'https://api.elysiatools.com/en/api/tools/gantt-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartTitle":"Enter chart title...","tasks":"JSON format example:\n[\n  {\n    "name": "Design Phase",\n    "startDate": "2024-01-01",\n    "endDate": "2024-01-15",\n    "progress": 80,\n    "dependencies": [],\n    "isMilestone": false,\n    "assignee": "John Doe"\n  },\n  {\n    "name": "Development",\n    "startDate": "2024-01-16",\n    "endDate": "2024-02-28",\n    "progress": 60,\n    "dependencies": ["task-0"],\n    "isMilestone": false,\n    "assignee": "Jane Smith"\n  },\n  {\n    "name": "Testing Phase",\n    "startDate": "2024-03-01",\n    "endDate": "2024-03-15",\n    "progress": 100,\n    "dependencies": ["task-1"],\n    "isMilestone": true,\n    "assignee": "Bob Johnson"\n  }\n]","timeUnit":"days","dateFormat":"YYYY-MM-DD","currentDate":"YYYY-MM-DD (leave empty for today)","barHeight":"30","taskColor":"#e0e0e0","completedColor":"#22c55e","milestoneColor":"#f59e0b","dependencyColor":"#6b7280","todayLineColor":"#ef4444","gridColor":"#e0e0e0","backgroundColor":"#ffffff","chartWidth":"1000","chartHeight":"600","fontSize":"12","titleSize":"18","fontFamily":"Arial","showGrid":true,"showDependencies":true,"showMilestones":true,"showProgress":true,"showLabels":true,"todayLine":true,"animationEnabled":true,"animationDuration":"1000"}'

© 2026 Elysia Tools. Developer documentation.

Back to siteBrowse tools

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP
POST https://api.elysiatools.com/en/api/tools/gantt-chart-generator

Parameters

NameTypeRequiredDescription
chartTitletextNoTitle that will be displayed above the Gantt chart
taskstextareaYesTasks as JSON array with name, startDate, endDate, progress, dependencies, and optional milestone and assignee
timeUnitselectNo—
dateFormatselectNo—
currentDatetextNoDate to mark as "today" on the chart
barHeightnumberNoHeight of task bars in pixels
taskColorcolorNoBackground color for task bars
completedColorcolorNoColor for completed portion of task bars
milestoneColorcolorNoColor for milestone markers
dependencyColorcolorNoColor for dependency lines
todayLineColorcolorNoColor for the today indicator line
gridColorcolorNoColor for grid lines
backgroundColorcolorNoBackground color of the chart
chartWidthnumberNoWidth of the chart in pixels
chartHeightnumberNoHeight of the chart in pixels
fontSizenumberNoFont size for labels and text
titleSizenumberNoFont size for the chart title
fontFamilytextNoFont family for text elements
showGridcheckboxNoDisplay background grid lines
showDependenciescheckboxNoDisplay dependency arrows between tasks
showMilestonescheckboxNoDisplay milestone markers
showProgresscheckboxNoDisplay progress bars on tasks
showLabelscheckboxNoDisplay task names and information
todayLinecheckboxNoDisplay a line indicating the current date
animationEnabledcheckboxNoAnimate the chart when it loads
animationDurationnumberNoAnimation duration in milliseconds

Response format

HTML result

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

MCP integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json
{
  "mcpServers": {
    "elysiatools-gantt-chart-generator": {
      "name": "gantt-chart-generator",
      "description": "Create professional Gantt charts with task timelines, dependencies, progress tracking, and milestone markers",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gantt-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "gantt-chart-generator",
    "arguments": {
  "chartTitle": "Enter chart title...",
  "tasks": "JSON format example:\n[\n  {\n    &quot;name&quot;: &quot;Design Phase&quot;,\n    &quot;startDate&quot;: &quot;2024-01-01&quot;,\n    &quot;endDate&quot;: &quot;2024-01-15&quot;,\n    &quot;progress&quot;: 80,\n    &quot;dependencies&quot;: [],\n    &quot;isMilestone&quot;: false,\n    &quot;assignee&quot;: &quot;John Doe&quot;\n  },\n  {\n    &quot;name&quot;: &quot;Development&quot;,\n    &quot;startDate&quot;: &quot;2024-01-16&quot;,\n    &quot;endDate&quot;: &quot;2024-02-28&quot;,\n    &quot;progress&quot;: 60,\n    &quot;dependencies&quot;: [&quot;task-0&quot;],\n    &quot;isMilestone&quot;: false,\n    &quot;assignee&quot;: &quot;Jane Smith&quot;\n  },\n  {\n    &quot;name&quot;: &quot;Testing Phase&quot;,\n    &quot;startDate&quot;: &quot;2024-03-01&quot;,\n    &quot;endDate&quot;: &quot;2024-03-15&quot;,\n    &quot;progress&quot;: 100,\n    &quot;dependencies&quot;: [&quot;task-1&quot;],\n    &quot;isMilestone&quot;: true,\n    &quot;assignee&quot;: &quot;Bob Johnson&quot;\n  }\n]",
  "timeUnit": "days",
  "dateFormat": "YYYY-MM-DD",
  "currentDate": "YYYY-MM-DD (leave empty for today)",
  "barHeight": "30",
  "taskColor": "#e0e0e0",
  "completedColor": "#22c55e",
  "milestoneColor": "#f59e0b",
  "dependencyColor": "#6b7280",
  "todayLineColor": "#ef4444",
  "gridColor": "#e0e0e0",
  "backgroundColor": "#ffffff",
  "chartWidth": "1000",
  "chartHeight": "600",
  "fontSize": "12",
  "titleSize": "18",
  "fontFamily": "Arial",
  "showGrid": true,
  "showDependencies": true,
  "showMilestones": true,
  "showProgress": true,
  "showLabels": true,
  "todayLine": true,
  "animationEnabled": true,
  "animationDuration": "1000"
}
  }
}
Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

Questions or issues? Contact [email protected]

Browse tools
Open tool