Skip to content

Cookie preferences

We use cookies for our own analytics, to see how our campaigns perform and, if you allow it, to load content from other services such as the Google site search. We never sell your data. Necessary cookies keep the site working and cannot be switched off. See our Cookie Policy for details and our Privacy Policy for how we handle personal data.

Security, load balancing and remembering your cookie choice.

Show us which pages people read and how they find the site, so we can improve it (Google Analytics).

Show us which of our ad campaigns bring visitors to the site and remember the campaign or partner link you arrived from (Google Ads, partner program). We do not use these cookies to build advertising profiles.

Load the site search from Google when you use it. Google sets its own cookies and shows ads in the search results.

© 2026 The ThingsBoard Authors
Try for free

ThingsBoard Cloud

Choose your data region

Your data stays in the region you choose, for residency and compliance. No credit card required.

Rather run it yourself? Install on your own servers

Temperature gauge

  • Widget
  • 194 installs
  • v1.0.0
  • Jun 15, 2026
  • MIT license
  • v4.2+

Temperature gauge.

Widget Type
  • Latest
Category
  • Gauges & Indicators
Use Cases
  • Environment Monitoring
  • Smart City
  • Smart Building

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

KeyRoleTypeDescription
temperatureGauge valueTimeseriesTemperature 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)LevelColor
−40 – −20Extreme ColdDeep Blue
−20 – 0ColdBlue
0 – 10CoolLight Blue
10 – 20ModerateOrange
20 – 30WarmOrange
30 – 40HotRed-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.