Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Milestone Chart Generator

Generate project milestone charts with timeline nodes and key achievement points

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/milestone-chart' \
  -H 'Content-Type: application/json' \
  -d '{"milestoneData":"JSON format:\n[{"name": "Project Start", "date": "2024-01-01", "status": "completed", "description": "Project kickoff", "progress": 100},\n{"name": "Phase 1", "date": "2024-02-15", "status": "completed", "description": "Requirements completed", "progress": 100},\n{"name": "Phase 2", "date": "2024-04-01", "status": "in-progress", "description": "Development in progress", "progress": 60}]\n\nor text format:\nProject Start:2024-01-01:completed:Project kickoff\nPhase 1:2024-02-15:completed:Requirements completed\nPhase 2:2024-04-01:in-progress:Development in progress","chartTitle":"Enter chart title...","orientation":"horizontal","milestoneColor":"#3b82f6","completedColor":"#10b981","timelineColor":"#d1d5db","textColor":"#374151","backgroundColor":"#ffffff","nodeSize":"12","lineWidth":"3","chartHeight":"400","showDates":true,"showProgress":true}'

© 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/milestone-chart

Parameters

NameTypeRequiredDescription
milestoneDatatextareaYesMilestone data. Can be JSON array with name, date, status, description, progress or simple text format
chartTitletextNoTitle that will be displayed above the chart
orientationselectNo—
milestoneColorcolorNoColor for milestone nodes (in-progress)
completedColorcolorNoColor for completed milestones
timelineColorcolorNoColor for the main timeline line
textColorcolorNoColor for milestone labels and descriptions
backgroundColorcolorNoBackground color for the chart container
nodeSizenumberNoSize of milestone nodes in pixels
lineWidthnumberNoWidth of the timeline line in pixels
chartHeightnumberNoHeight of the chart in pixels
showDatescheckboxNoDisplay dates below milestone names
showProgresscheckboxNoDisplay progress indicators and percentages

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-milestone-chart": {
      "name": "milestone-chart",
      "description": "Generate project milestone charts with timeline nodes and key achievement points",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=milestone-chart",
      "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": "milestone-chart",
    "arguments": {
  "milestoneData": "JSON format:\n[{&quot;name&quot;: &quot;Project Start&quot;, &quot;date&quot;: &quot;2024-01-01&quot;, &quot;status&quot;: &quot;completed&quot;, &quot;description&quot;: &quot;Project kickoff&quot;, &quot;progress&quot;: 100},\n{&quot;name&quot;: &quot;Phase 1&quot;, &quot;date&quot;: &quot;2024-02-15&quot;, &quot;status&quot;: &quot;completed&quot;, &quot;description&quot;: &quot;Requirements completed&quot;, &quot;progress&quot;: 100},\n{&quot;name&quot;: &quot;Phase 2&quot;, &quot;date&quot;: &quot;2024-04-01&quot;, &quot;status&quot;: &quot;in-progress&quot;, &quot;description&quot;: &quot;Development in progress&quot;, &quot;progress&quot;: 60}]\n\nor text format:\nProject Start:2024-01-01:completed:Project kickoff\nPhase 1:2024-02-15:completed:Requirements completed\nPhase 2:2024-04-01:in-progress:Development in progress",
  "chartTitle": "Enter chart title...",
  "orientation": "horizontal",
  "milestoneColor": "#3b82f6",
  "completedColor": "#10b981",
  "timelineColor": "#d1d5db",
  "textColor": "#374151",
  "backgroundColor": "#ffffff",
  "nodeSize": "12",
  "lineWidth": "3",
  "chartHeight": "400",
  "showDates": true,
  "showProgress": true
}
  }
}
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