SpecsModelExplore
Overview
Actors
External Systems
IoT Platform
Edge
Ingestion
Stream Processing
Device Management
User-Facing Apps
Dashboard Web App
App ShellLive ChartsFleet TableAlert Inbox
Mobile App
Platform
SpecsModelExplore
Live Charts
OverviewGuideLinks and Communications
IDproduct.user_facing.dashboard_app.live_charts
DescriptionRealtime telemetry charts via WebSocket.
Keylive_charts
Typecomponent
TeamApps
Ownerapps@iotgateway.example
Statusactive
TechnologiesTypeScript, React, WebSocket
Attributesrealtime: true, transport: WebSocket
Tags
Table of contents
Guide
Live Charts
Data flow
Behaviour
Related workflow

Guide

Live Charts

Live Charts turns the firehose of device telemetry into readable, moving charts. It mints a short-lived stream token from the BFF, opens a WebSocket and renders metrics as they arrive.

Token then stream

The browser calls GET /metrics/stream-token for a short-lived token, then connects to the telemetry WebSocket — keeping long-lived credentials out of the client.

Data flow

Behaviour

  • Subscribes only to the devices currently in view to bound bandwidth.
  • Buffers and down-samples high-frequency series so the UI stays responsive.
  • Reconnects with a fresh token if the socket drops.

Related workflow

The values plotted here are the output of the alert pipeline:

Links and Communications

1 outgoing link

Outgoing Links(1)

Target objectLabelLink typeRelationRaw idRequiredDescription
App Shell

example-iot.product.user_facing.dashboard_app.shell

component
rendered in—linksproduct.user_facing.dashboard_app.shell——