Temperature gauge
Who it’s for
Building managers, city planners, and environmental monitoring teams ask “what is the temperature right now?” They want an analogue-style dial that communicates the reading and its position within the operational range without needing to interpret a number.
What it does
A sensor reading 22°C places the needle in the orange Warm zone of the dial, roughly three-quarters of the way around from the -40°C cold stop. At -10°C the needle sits in the blue Cold zone; at 35°C it reaches the red-orange Hot zone.
- Analogue radial gauge with a needle that sweeps from -40°C to 40°C
- Color-coded highlight zones across six bands from Extreme Cold to Hot, giving the dial a thermometer-style appearance
- Numeric value displayed at the center of the dial
- Shows one sensor’s data; it does not chart trends over time
How to set up
Data keys
| Key | Role | Type | Description |
|---|---|---|---|
temperature | Gauge value | Timeseries | Temperature in °C; change the key name to match your device’s telemetry key |
The widget ships with a simulated function datasource key labeled Temperature, so it draws random values until you point the datasource at a device and rename the key.
To point it at your own device: open the dashboard in edit mode, open the widget’s Datasources, pick the entity or entity alias, and replace the function key with the key your device reports.
If the key has never reported, the gauge needle is at the minimum position.
Value ranges
| Range (°C) | Level | Color |
|---|---|---|
| −40 – −20 | Extreme Cold | Deep Blue |
| −20 – 0 | Cold | Blue |
| 0 – 10 | Cool | Light Blue |
| 10 – 20 | Moderate | Orange |
| 20 – 30 | Warm | Orange |
| 30 – 40 | Hot | Red-Orange |
How to customize
- To change the gauge range — set Min value and Max value in the widget settings; extend the range if your site regularly falls below -40°C or exceeds 40°C.
- To use your own temperature thresholds — edit the Highlight zones; adjust the six default bands to match your operational or comfort requirements.
- To display in °F — add a unit conversion function to the data key; adjust the Min/Max values and zone boundaries to Fahrenheit equivalents.
- To change tick density — adjust Major ticks and Minor ticks in the gauge settings.
- To match your dashboard’s fonts — set the font options in the widget appearance settings.
Tips
- The gauge’s -40°C to 40°C default range covers the practical operating range of most outdoor sensors at temperate and sub-arctic latitudes; sites in tropical or extreme-cold environments should widen the range accordingly.
- The gauge is most effective on large-screen displays or kiosk dashboards where the needle position is readable from a distance — for compact layouts the temperature card or horizontal card is a better fit.
- Use the gauge alongside a humidity card to give a combined comfort-level view: the needle position and the humidity value together indicate heat index or perceived cold.
Share Your Widget with the Community
Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.