Illuminance progress bar
Displays illuminance reading as a horizontal progress bar. Allows to configure value range, bar colors, and other settings.
Illuminance progress bar
Displays illuminance as a horizontal progress bar with configurable value range and color-coded segments.
Default Data Keys
- Illuminance (function) — illuminance, lx
Bar Configuration
- Tick min: 0 lx
- Tick max: 100 lx
Value Ranges
| Range (lx) | Level | Color |
|---|---|---|
| < 1 | Dark | Dark Gray |
| 1–5 | Low | Amber |
| 5–20 | Moderate | Orange |
| 20–50 | Bright | Red-Orange |
| 50+ | Very Bright | Red |
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.