Live Demo

Real-Time IoT Dashboard

Simulated sensor data from manufacturing equipment — streamed live via MQTT to demonstrate real-time monitoring.

Equipment Monitoring

Connected Equipment

Each panel shows live data from a different piece of equipment. Charts update automatically as new data arrives.

Architecture

How the Demo Works

A peek under the hood at our real-time data pipeline.

01 IoT Sensors ESP32 / Industrial PLC — publish telemetry MQTT Publish 02 MQTT Broker Mosquitto — routes messages to subscribers WebSocket (wss://) 03 nginx Reverse Proxy TLS termination — /ws upgrade to WebSocket Subscribe & Render 04 Browser Web Components render live data <mqtt-receiver> <wt2-chart> <wt2-gauge-chart>

MQTT Protocol

Lightweight pub/sub messaging over WebSocket. Sub-second latency from sensor to browser.

Web Components

Custom elements (<mqtt-receiver>, <wt2-chart>, <wt2-gauge-chart>) — zero framework dependencies.

Anomaly Detection

Automatic status tracking: normal, warning, and anomaly states based on sensor thresholds.

Contact

Want This for Your Factory?

We can connect your equipment to a dashboard like this. Real-time monitoring, alerts, and analytics — tailored to your operations.

Contact Us