Elysia Tools Docs
EN
Language
ZHESPTRUFRDEEN
Back to site
Browse tools

Data Visualization

Timeline Generator

Generate beautiful and interactive timelines from events data with various layouts and styles

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/timeline-generator' \
  -H 'Content-Type: application/json' \
  -d '{"eventData":"JSON format:\n[{"title": "Project Launch", "date": "2024-01-15", "description": "Initial project release"},\n{"title": "Major Update", "date": "2024-06-20", "description": "Version 2.0 launch"},\n{"title": "Expansion", "date": "2024-12-01", "description": "International market entry"}]\n\nor text format:\nProject Launch|2024-01-15|Initial project release\nMajor Update|2024-06-20|Version 2.0 launch\nExpansion|2024-12-01|International market entry","timelineTitle":"Enter timeline title...","timelineOrientation":"vertical","colorScheme":"default","dateFormat":"auto","pointSize":"12","lineWidth":"3","fontSize":"14","startYear":0,"endYear":0,"backgroundColor":"#ffffff","showDates":true,"showDescription":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/timeline-generator

Parameters

NameTypeRequiredDescription
eventDatatextareaYesEvents for the timeline. Supports JSON array or simple title|date|description text format
timelineTitletextNoTitle that will be displayed above the timeline
timelineOrientationselectNo—
colorSchemeselectNo—
dateFormatselectNo—
pointSizenumberNoSize of the event points in pixels
lineWidthnumberNoWidth of the timeline line in pixels
fontSizenumberNoBase font size for text in pixels
startYearnumberNoStarting year for timeline (leave empty for auto)
endYearnumberNoEnding year for timeline (leave empty for auto)
backgroundColorcolorNoBackground color for the timeline container
showDatescheckboxNoDisplay event dates on the timeline
showDescriptioncheckboxNoDisplay event descriptions on the timeline
showProgresscheckboxNoDisplay a progress line showing timeline progression

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-timeline-generator": {
      "name": "timeline-generator",
      "description": "Generate beautiful and interactive timelines from events data with various layouts and styles",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=timeline-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": "timeline-generator",
    "arguments": {
  "eventData": "JSON format:\n[{&quot;title&quot;: &quot;Project Launch&quot;, &quot;date&quot;: &quot;2024-01-15&quot;, &quot;description&quot;: &quot;Initial project release&quot;},\n{&quot;title&quot;: &quot;Major Update&quot;, &quot;date&quot;: &quot;2024-06-20&quot;, &quot;description&quot;: &quot;Version 2.0 launch&quot;},\n{&quot;title&quot;: &quot;Expansion&quot;, &quot;date&quot;: &quot;2024-12-01&quot;, &quot;description&quot;: &quot;International market entry&quot;}]\n\nor text format:\nProject Launch|2024-01-15|Initial project release\nMajor Update|2024-06-20|Version 2.0 launch\nExpansion|2024-12-01|International market entry",
  "timelineTitle": "Enter timeline title...",
  "timelineOrientation": "vertical",
  "colorScheme": "default",
  "dateFormat": "auto",
  "pointSize": "12",
  "lineWidth": "3",
  "fontSize": "14",
  "startYear": 0,
  "endYear": 0,
  "backgroundColor": "#ffffff",
  "showDates": true,
  "showDescription": 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