Categories

← View All Tools

Thermometer Chart

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

Thermometer data with current and target values. Supports JSON with label/current/target, simple label:current:target, or just current values

Title that will be displayed above the chart

Width of the thermometer tube in pixels

Height of the thermometer in pixels

Color for the mercury/progress fill

Color for the thermometer tube background

Duration of the mercury animation in milliseconds

Background color for the chart container

Display percentage values for each thermometer

Display target value line and label

Display current value on each thermometer

Display measurement scale on the thermometer

Animate the mercury when thermometers load

Key Facts

Category
Data Visualization
Input Types
textarea, text, number, color, select, checkbox
Output Type
html
Sample Coverage
4
API Ready
Yes

Overview

The Thermometer Chart tool allows you to create professional, vertical progress visualizations that are ideal for tracking fundraising goals, project milestones, and target achievements.

When to Use

  • •When you need to display progress toward a specific numerical goal in a clear, vertical format.
  • •When creating visual updates for fundraising campaigns or donation drives.
  • •When tracking project completion percentages for internal reporting or public dashboards.

How It Works

  • •Input your current and target values using the flexible JSON or text format provided.
  • •Customize the visual appearance by adjusting the mercury color, tube dimensions, and background settings.
  • •Toggle display options like percentage labels, target lines, and measurement scales to suit your data.
  • •Generate the chart and use the animated preview to verify your progress visualization.

Use Cases

Visualizing real-time progress for non-profit fundraising campaigns.
Tracking individual or team sales targets against quarterly goals.
Displaying project completion status in internal team dashboards.

Examples

1. Fundraising Campaign Tracker

Non-profit Coordinator
Background
The organization is running a monthly donation drive and needs a visual way to show donors how close they are to the $100,000 goal.
Problem
Static text updates are not engaging enough to encourage further donations.
How to Use
Input the current donation total and the target goal into the Thermometer Data field.
Example Config
{"label": "Monthly Goal", "current": 75000, "target": 100000}
Outcome
A vertical thermometer chart displays the 75% progress clearly, helping donors visualize the impact of their contributions.

2. Project Milestone Progress

Project Manager
Background
A software development team is tracking the completion of a major feature rollout.
Problem
Stakeholders need a quick, intuitive way to see how much of the project is finished without reading complex spreadsheets.
How to Use
Set the thermometer height to 400px and enable the percentage display to show the current progress.
Example Config
{"label": "Feature Rollout", "current": 85, "target": 100}
Outcome
A clean, professional thermometer chart provides an immediate status update on the project's completion percentage.

Try with Samples

json
PDF Samples
Generated PDF samples from tools dated 2026-02-01 to 2026-02-10
preferred input family json
json
AWS EventBridge Samples
AWS EventBridge examples including event buses, rules, targets, schema registry, custom events, and cross-account event routing for serverless event-driven architecture
preferred input family json
json
Grafana Advanced Application Samples
Comprehensive Grafana samples covering advanced dashboard design, alerting configurations, data source integrations, and plugin development
preferred input family json
json
ELK Stack Log Analysis Samples
Comprehensive ELK Stack (Elasticsearch, Logstash, Kibana) samples for log aggregation, processing, and visualization in distributed systems
preferred input family json
json

Related Hubs

Json Generate Tools
Explore 33 json tools for generate workflows and compare closely related utilities quickly.
Json Convert Tools
Explore 100 json tools for convert workflows and compare closely related utilities quickly.
Json Tools
Explore 43 json tools for utility workflows and compare closely related utilities quickly.
Json Format Tools
Explore 6 json tools for format workflows and compare closely related utilities quickly.

FAQ

What data formats are supported?

You can provide data as a JSON array, a simple colon-separated text format (label:current:target), or just a list of current values.

Can I customize the colors of the chart?

Yes, you can independently set the mercury color for the progress fill and the tube color for the background.

Is the chart animated?

Yes, the tool includes an optional animation feature that fills the mercury to the current value when the chart loads.

Can I display the target value on the chart?

Yes, you can enable the 'Show Target Line' option to clearly mark the goal threshold on the thermometer.

What is the maximum height for the thermometer?

The thermometer height can be adjusted between 200 and 500 pixels to fit your layout requirements.

API Documentation

Request Endpoint

POST /en/api/tools/thermometer-chart

Request Parameters

Parameter 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

{
  "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-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "Create vertical thermometer-style charts perfect for fundraising goals, project progress, and target achievement visualization",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=thermometer-chart",
      "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]