Skip to content
Stand with Ukraine flag

Dynamic entity metrics view

  • Widget
  • 12 installs
  • v1.0.0
  • Jul 20, 2026
  • MIT license
  • v4.2+
Dynamic entity metrics view

Displays live telemetry and latest data as a combined card-and-chart view, showing key metrics as compact value cards alongside a synchronized time-series chart — useful when you need at-a-glance latest readings and historical trends together in one widget.

Widget Type
  • Timeseries
Category
  • Cards & Info
  • Charts & Graphs
Use Cases
  • Air Quality Monitoring
  • Asset Tracking
  • Smart Metering
  • Smart Office
  • Tank Level Monitoring
  • Smart Energy

Dynamic Cards and Chart

Displays live telemetry as a combined card-and-chart view — a scrollable column of metric cards next to a synchronized time-series chart — useful for dashboards that need both current readings and historical trends in a single widget.

Features

  • Per-key toggle: show each telemetry key as a card, a chart series, or both
  • Configurable icon per card, with independent icon color and background color
  • Configurable value/units color per card
  • Optional “last updated” timestamp per card, shown in 24-hour format
  • Embedded native ThingsBoard time-series chart

Data Key Settings

Each data key added to the widget can be configured independently through its own Data Key Settings panel:

  • Build chart for this key — plot this key as a series on the chart (default: on)
  • Build card for this key — show this key as a metric card (default: on)
  • Display last updated time — show a “last updated” label on the card (default: off)
  • Value and units color — color applied to the card’s value and units text (default: black)
  • Display icon — show an icon on the card (default: on)
  • Icon — the icon shown on the card (default: info)
  • Icon color — color of the icon (default: blue)
  • Icon background — background color behind the icon (default: light blue)

A key can be set to build a card only, a chart series only, both, or neither — so the same widget instance can mix “headline” metrics (cards) with “trend” metrics (chart) from a single datasource.

Configuration Notes

  • Add data keys via the widget’s Data tab; open each key’s settings (gear icon) to configure card/chart behavior as described above.
  • Chart appearance (legend, axis labels, tooltip formatting, thresholds, etc.) is configured through the widget’s standard Appearance tab, identical to the native Time Series Chart widget.

Share Your Widget with the Community

Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.