Thermometer Chart

Create vertical thermometer-style charts perfect for fundraising goals, project progress, and target achievement visualization

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/thermometer-chart' \
  -H 'Content-Type: application/json' \
  -d '{"thermometerData":"JSON format:\n[{&quot;label&quot;: &quot;Fundraising Goal&quot;, &quot;current&quot;: 75000, &quot;target&quot;: 100000},\n{&quot;label&quot;: &quot;Project Progress&quot;, &quot;current&quot;: 85, &quot;target&quot;: 100}]\n\nor text format:\nFundraising Goal:75000:100000\nProject Progress:85:100\n\nor just current values:\n75000\n85\n1200","chartTitle":"Enter chart title...","thermometerWidth":"60","thermometerHeight":"300","mercuryColor":"#ef4444","tubeColor":"#e5e7eb","animationDuration":"1500","scaleStyle":"none","backgroundColor":"#ffffff","showPercentage":true,"showTarget":true,"showCurrentValue":true,"showScale":true,"animated":true}'

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/thermometer-chart

Parameters

Name	Type	Required	Description
thermometerData	textarea	Yes	Thermometer data with current and target values. Supports JSON with label/current/target, simple label:current:target, or just current values
chartTitle	text	No	Title that will be displayed above the chart
thermometerWidth	number	No	Width of the thermometer tube in pixels
thermometerHeight	number	No	Height of the thermometer in pixels
mercuryColor	color	No	Color for the mercury/progress fill
tubeColor	color	No	Color for the thermometer tube background
animationDuration	number	No	Duration of the mercury animation in milliseconds
scaleStyle	select	No	—
backgroundColor	color	No	Background color for the chart container
showPercentage	checkbox	No	Display percentage values for each thermometer
showTarget	checkbox	No	Display target value line and label
showCurrentValue	checkbox	No	Display current value on each thermometer
showScale	checkbox	No	Display measurement scale on the thermometer
animated	checkbox	No	Animate the mercury when thermometers load

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-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "Create vertical thermometer-style charts perfect for fundraising goals, project progress, and target achievement visualization",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=thermometer-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": "thermometer-chart",
    "arguments": {
  "thermometerData": "JSON format:\n[{&quot;label&quot;: &quot;Fundraising Goal&quot;, &quot;current&quot;: 75000, &quot;target&quot;: 100000},\n{&quot;label&quot;: &quot;Project Progress&quot;, &quot;current&quot;: 85, &quot;target&quot;: 100}]\n\nor text format:\nFundraising Goal:75000:100000\nProject Progress:85:100\n\nor just current values:\n75000\n85\n1200",
  "chartTitle": "Enter chart title...",
  "thermometerWidth": "60",
  "thermometerHeight": "300",
  "mercuryColor": "#ef4444",
  "tubeColor": "#e5e7eb",
  "animationDuration": "1500",
  "scaleStyle": "none",
  "backgroundColor": "#ffffff",
  "showPercentage": true,
  "showTarget": true,
  "showCurrentValue": true,
  "showScale": true,
  "animated": 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]