Gauge Chart Generator

Generate customizable gauge charts (speedometer charts) from data, perfect for displaying KPIs, metrics, and performance indicators

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/gauge-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]","chartTitle":"Enter chart title...","needleStyle":"line","gaugeColors":"#10b981,#f59e0b,#ef4444","chartSize":"300","minValue":"0","maxValue":"100","startAngle":"-90","endAngle":"90","backgroundColor":"#ffffff","showValue":true,"showLabel":true,"showTicks":true,"showZones":true,"animated":true,"showPercentage":false}'

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/gauge-chart-generator

Parameters

Name	Type	Required	Description
chartData	textarea	Yes	Data for the gauge chart. Supports single value, multiple values, or JSON array format
chartTitle	text	No	Title that will be displayed above the chart
needleStyle	select	No	—
gaugeColors	text	No	Colors for gauge zones (comma-separated hex colors, typically 3 colors for green-yellow-red)
chartSize	number	No	Size of each gauge in pixels (for multiple gauges, this affects individual gauge size)
minValue	number	No	Minimum value for the gauge scale
maxValue	number	No	Maximum value for the gauge scale
startAngle	number	No	Starting angle in degrees (-90 = left, 0 = top, 90 = right)
endAngle	number	No	Ending angle in degrees
backgroundColor	color	No	Background color for the chart container
showValue	checkbox	No	Display the actual value in the center of the gauge
showLabel	checkbox	No	Display the label below the gauge
showTicks	checkbox	No	Display tick marks and scale values around the gauge
showZones	checkbox	No	Display colored zones (green-yellow-red) on the gauge
animated	checkbox	No	Animate the needle movement when the chart loads
showPercentage	checkbox	No	Display percentage value along with the actual value

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-gauge-chart-generator": {
      "name": "gauge-chart-generator",
      "description": "Generate customizable gauge charts (speedometer charts) from data, perfect for displaying KPIs, metrics, and performance indicators",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=gauge-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": "gauge-chart-generator",
    "arguments": {
  "chartData": "Single gauge:\nSales:85\n\nMultiple gauges:\nSales:85\nMarketing:72\nDevelopment:90\nSupport:68\n\nor JSON format:\n[\n  {\"label\": \"Sales\", \"value\": 85},\n  {\"label\": \"Marketing\", \"value\": 72}\n]",
  "chartTitle": "Enter chart title...",
  "needleStyle": "line",
  "gaugeColors": "#10b981,#f59e0b,#ef4444",
  "chartSize": "300",
  "minValue": "0",
  "maxValue": "100",
  "startAngle": "-90",
  "endAngle": "90",
  "backgroundColor": "#ffffff",
  "showValue": true,
  "showLabel": true,
  "showTicks": true,
  "showZones": true,
  "animated": true,
  "showPercentage": false
}
  }
}

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]