Dashboards in the HUB

​

What you can build

• KPI walls — large readouts and trends for supervisors
• Line and area overviews — at-a-glance status for a process or zone
• Machine detail — gauges, indicators, and controls for a single asset
• Operator stations — buttons, toggles, and setpoints where people work the process
• Shift and mobile views — simplified layouts for tablets and shared screens

​

Your first panel in 60 seconds

• In the Dashboard Manager
• Ask the AI Assistant

Open Dashboards in the HUB, click Create new panel, and write the definition below. The panel renders live as you save — point a gauge at a topic and the needle starts moving:

DEFINE PANEL SensorMonitor
WITH VISIBILITY PUBLIC
WITH STATE PUBLISHED
WITH TITLE "Sensor Monitor"
WITH LAYOUT "grid" COLUMNS 2

    ADD COMPONENT "TempGauge" WITH TYPE "gauge"
        SET RANGE FROM 0 TO 100
        SET UNIT "°C"
        BIND VALUE TO TOPIC "sensor/temperature"

Every part of a definition is covered step by step in Defining a Panel.

Describe what you want in plain language:

“Build me a panel with a radial temperature gauge on sensor/temperature, range 0–100 °C, with a warning threshold at 75.”

The assistant creates the panel for you. Open it in the Dashboard Manager to see the definition it wrote — and adjust anything directly. See AI Assistant.

​

Tour of the main widgets

​

Readouts

• Gauge
• Value
• Indicator
• Alert

A value with context: range, unit, and thresholds.

ADD COMPONENT "TempGauge" WITH TYPE "gauge"
    SET RANGE FROM 0 TO 100
    SET UNIT "°C"
    BIND VALUE TO TOPIC "sensor/temperature"

The big number — unit, decimals, wall-readable.

ADD COMPONENT "ErrorRate" WITH TYPE "value"
    SET LABEL "Error Rate"
    SET UNIT "%"
    SET DECIMALS 2
    BIND VALUE TO TOPIC "kpi/operational/errorRate"

State at a glance — values mapped to colors.

ADD COMPONENT "MachineStatus" WITH TYPE "indicator"
    BIND STATE TO TOPIC "machine/status"
    SET ON_VALUE "running" WITH COLOR "green"
    SET ON_VALUE "stopped" WITH COLOR "red"

A banner that appears when a condition is true.

ADD COMPONENT "AlarmBanner" WITH TYPE "alert"
    BIND VISIBLE TO TOPIC "pump/alarm_active"
    BIND CONTENT TO TOPIC "pump/alarm_message"
    SET VARIANT "critical"

​

Charts and tables

• Real-time trend
• Table

Builds a live trend from individual data points on a topic.

ADD COMPONENT "MessageCountTrend" WITH TYPE "realtime-chart"
    SET LABEL "Message Count Trend"
    SET CHART_TYPE "line"
    SET UNIT "msg"
    BIND VALUE TO TOPIC "kpi/operational/messageCount"
        SET SERIES_LABEL "Message Count"

Rows from a JSON array topic or query result.

ADD COMPONENT "ScanHistory" WITH TYPE "table"
    BIND DATA TO TOPIC "barcode/history"
    SET COLUMNS "time, barcode, product, status"

​

Controls

• Toggle
• Button
• Slider

On/off switch that tracks the live state of its bound topic.

ADD COMPONENT "PumpControl" WITH TYPE "toggle"
    SET LABEL "Pump Enable"
    BIND STATE TO TOPIC "zone1/pump/state"

Click to act — publish a command to any topic, or navigate to another panel.

ADD COMPONENT "StartButton" WITH TYPE "button"
    SET LABEL "Start Production"
    ON CLICK DO
        PUBLISH TOPIC "factory/commands/start" WITH 1

Numeric value tracked live on a range.

ADD COMPONENT "SpeedSlider" WITH TYPE "slider"
    SET RANGE FROM 0 TO 100
    SET UNIT "%"
    BIND VALUE TO TOPIC "zone1/conveyor/speed"

​

What dashboards can do

• Live bindings — bind to MQTT topics, LoT Model fields, or database queries; widgets update the moment values change. See Data Binding.
• Interactive controls — buttons and entry fields that publish commands, invoke Actions, and trigger Routes. See Actions & Events.
• Multi-page navigation — buttons and cards that jump between panels with NAVIGATE, for overview-to-detail drill-downs. See Defining a Panel.
• Share on any screen — a panel URL runs full-screen on wall TVs, tablets, and kiosks, no app install. See Dashboards in the HUB.

​

Next Steps