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.

Elysia Tools

Navigation

Data Visualization

Thermometer Chart

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

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

14 options

ContentPaste or type the main input values.2

Thermometer DatatextareaRequiredThermometer data with current and target values. Supports JSON with label/current/target, simple label:current:target, or just current valuesChart TitletextOptionalTitle that will be displayed above the chart

SettingsAdjust formats, ranges, numbers, and modes.7

Thermometer WidthnumberOptionalWidth of the thermometer tube in pixelsThermometer HeightnumberOptionalHeight of the thermometer in pixelsMercury ColorcolorOptionalColor for the mercury/progress fillTube ColorcolorOptionalColor for the thermometer tube backgroundAnimation DurationnumberOptionalDuration of the mercury animation in millisecondsScale StyleselectOptionalBackground ColorcolorOptionalBackground color for the chart container

TogglesEnable or disable optional behavior.5

Show PercentagecheckboxOptionalEnabled when checkedDisplay percentage values for each thermometerShow Target LinecheckboxOptionalEnabled when checkedDisplay target value line and labelShow Current ValuecheckboxOptionalEnabled when checkedDisplay current value on each thermometerShow Scale MarkscheckboxOptionalEnabled when checkedDisplay measurement scale on the thermometerAnimatedcheckboxOptionalEnabled when checkedAnimate the mercury when thermometers load

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Thermometer Chart

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Fundraising Campaign Tracker

2. Project Milestone Progress

FAQ

Grafana Advanced Application Samples

D3.js Data Visualization Samples

QR Code Samples

ELK Stack Log Analysis Samples

Comparison Bar Chart Generator

Donut Chart Generator

Funnel Chart Generator

Gantt Chart Generator

JSON Schema, Mock Data, and API Fixture Generators

JSON to Typed Code Generators (TypeScript, Go, Rust, Kotlin, Java, C#)

JSON Interchange and Format Translation Tools

JSON Inspection, Diff, and Transformation Tools