Building Dashboards
Widget Reference
Every widget you can drag onto the canvas, grouped the same way as the palette in Design Mode. Most widgets share a common set of Format-tab options — title visibility/size/color, background, border, opacity, text alignment, and (for numeric widgets) decimals/prefix/suffix — on top of the config listed below.
Numeric
| Widget | What it shows | Key config |
|---|
| Data Pill | Big single numeric/text readout. | Unit, decimals, prefix/suffix |
| Gauge | 180° arc gauge. | Min/max, unit |
| Circle Gauge | Radial percentage ring. | Min/max |
| Linear Gauge | Vertical bar with readout. | Min/max, unit |
| Needle Gauge | 270° dial with a needle. | Min/max, unit |
| Zoned Gauge | Needle gauge with colored safe/warning/critical bands. | Min/max, zone 1 / zone 2 thresholds |
| Tank Level | Fill-level tank graphic. | Min/max, unit |
| Thermometer | Mercury-style thermometer. | Min/max, unit |
| Battery | 5-bar battery icon, colors automatically. | Min/max |
| LED Display | 7-segment digital readout. | Decimals, unit |
| Progress Bar | Horizontal fill bar. | Min/max |
| Sparkline | Inline mini trend line plus current value. | Unit |
| KPI / Target | Current value vs. a target, with a delta arrow. | Target, unit |
| Counter | Totalizer value plus session delta. | Unit |
| Countdown Timer | Time remaining to a target date/time (fixed or bound to an input). | Target date/time |
| Clock | Live clock. | — |
| OEE Tile | Availability × Performance × Quality, as one OEE %. | 3 bound inputs |
Charts
| Widget | What it shows | Key config |
|---|
| Trend Chart | Time-series line chart for one input. | Y min/max, time-window (s) |
| X-Y Plot | Scatter plot of one input against another. | 2 bound inputs |
| Bar Compare | Bar chart across multiple inputs. | Multi-input bind |
| Multi Trend | Multi-series time chart. | Multi-input bind, Y/X range |
| Donut Chart | Proportional breakdown across inputs. | Multi-input bind |
| Histogram | Distribution of one input's session history. | — |
Multi-input
| Widget | What it shows | Key config |
|---|
| Data Table | Live list of all (or a chosen subset of) inputs. | Optional input filter |
Boolean / Discrete
| Widget | What it shows | Key config |
|---|
| Signal Trace | Oscilloscope-style boolean square wave. | — |
| Downtime Timeline | Run/stop colored timeline plus uptime %. | — |
| Status Indicator | Colored swatch and label for boolean states (e.g. RUN / STOP). | Custom states table |
| Multi-State | Swatch and label keyed to a numeric code (e.g. 0-3 = IDLE/RUN/MAINT/FAULT). | Custom states table |
| String Badge | Swatch and label keyed to a string value (e.g. OK / FAULT). | Custom states table |
| LED Lamp | Simple glowing on/off lamp. | — |
| Alarm List | Scrollable list of currently-alerting inputs. | — |
| Alarm Ticker | Horizontally scrolling marquee of active alarms. | — |
| Andon Board | Grid of all inputs, color-coded OK / alert / stale. | — |
String
| Widget | What it shows | Key config |
|---|
| Value History | Timestamped log of a string input's changes. | — |
| String Ticker | Scrolling marquee of one string value. | — |
| Text Panel | Wrapping multi-line text readout. | — |
| QR Tile | QR code generated from a string input's current value. | — |
General / Design
| Widget | What it shows | Key config |
|---|
| Floor Plan | Background image with live-value pins placed at x/y positions. | Image URL, pins (input + position) |
| Container / Frame | Layout box for grouping widgets or adding a background. | Background/border |
| Shape | Rectangle, ellipse, triangle, or diamond. | Shape type, colors |
| Line | Straight line. | Thickness, style (solid/dashed/dotted) |
| Arrow | Directional arrow. | Direction |
| Text Label | Static text. | Text content |
| Image | Static image. | Image URL |
Value kinds
Every input has a value kind, which determines which widgets it can usefully bind to:
- boolean Modbus coils/discrete inputs, S7 bool points, NI-DAQmx digital lines, Mitsubishi/SLMP bit-type devices.
- number everything else numeric, including formula/math-tag inputs.
- any sources that return untyped data — OPC UA, EtherNet/IP, SQL, REST, MQTT — get both numeric and text handling available.
Numeric inputs can carry high/low alert thresholds. Crossing one drives the alert styling you'll see across widgets (flashing borders, alert colors) and feeds the Alarm List, Alarm Ticker, and Andon Board widgets.