Categories

← View All Tools

Gauge Chart Generator

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

Data for the gauge chart. Supports single value, multiple values, or JSON array format

Title that will be displayed above the chart

Colors for gauge zones (comma-separated hex colors, typically 3 colors for green-yellow-red)

Size of each gauge in pixels (for multiple gauges, this affects individual gauge size)

Minimum value for the gauge scale

Maximum value for the gauge scale

Starting angle in degrees (-90 = left, 0 = top, 90 = right)

Ending angle in degrees

Background color for the chart container

Display the actual value in the center of the gauge

Display the label below the gauge

Display tick marks and scale values around the gauge

Display colored zones (green-yellow-red) on the gauge

Animate the needle movement when the chart loads

Display percentage value along with the actual value

API Documentation

Request Endpoint

POST /en/api/tools/gauge-chart-generator

Request Parameters

Parameter 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

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP Documentation

Add this tool to your MCP server configuration: 

{
  "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://elysiatools.com/mcp/sse?toolId=gauge-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

If you encounter any issues, please contact us at [email protected]