SpecsModelExploreRequirements
SpecsModelExploreRequirements
Live Charts
Overview
Guide
Twin streams
Links and Communications
IDproduct.user_facing.dashboard_app.live_charts
DescriptionRealtime telemetry charts via WebSocket.
Keylive_charts
Typecomponent
Statusactive
TeamApps
Owner
apps@iotgateway.example
TechnologiesTypeScript, React, WebSocket
Tags
Table of contents
Guide
Live Charts
Data flow
Behaviour
Related workflow
Links and Communications
Requirements

Attributes

realtimetrue
transportWebSocket

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——

Requirements