React Monitoring Dashboard
The ops screen, assembled from the instrument set. A gauge dial row carries the headline process values — chamber pressure, RF forward power, susceptor temperature — each with ok/warn/crit bands. Below, a TelemetryCluster grids out the process channels with per-channel warn/crit limits (note the reflected-power channel flagging over its soft limit), a StatusBoard on the rail tracks subsystem health, and a LogViewer streams the event log with severity chips and a clear action. This is how the scientific-instrument components come together into a fab / NOC monitoring page.
Fab 2 · Etch module
Etch Bay 3 — Live telemetry
Process channels
Installation
Composition
| Piece | Source | Role |
|---|---|---|
| Gauge | gauge | Dial row with ok/warn/crit bands |
| TelemetryCluster | telemetry-cluster | Process-channel grid with warn/crit states |
| StatusBoard | status-indicator | Subsystem health rail |
| StatusIndicator | status-indicator | Header alarm summary |
| LogViewer | log-viewer | Event log with severity chips + clear |
The snapshot is static so the demo is deterministic; in production, feed each piece from your telemetry stream and let the warn/crit thresholds drive the coloring. The event log holds local state so the Clear action works.
Usage
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.