Value Change Indicator #
Introduction #
The Value Change Indicator is a dynamic reporting component used to compare the latest dataset values with previous values over time. It highlights the change in value either as an absolute difference or percentage and provides contextual tooltips, units, and timestamp information. It supports various display modes, including inline values, horizontal bar comparisons, and line chart dialogs.
Features #
- Compares the two most recent data points (e.g., current vs previous)
- Displays the difference as absolute or percentage
- Supports multiple display modes: single value, diff indicator, horizontal bar, or time-series chart
- Visual arrow indicators (↑/↓) for positive/negative trends
- Interactive tooltip showing timestamps and value history
- Inline or stacked display for multiple datasets
- Optional full chart on double-click (via modal dialog)
- Report-friendly sizing and layout options
Use Cases #
- Displaying value changes in performance indicators or metrics
- Reporting sensor readings or KPI shifts
- Comparing today’s vs. yesterday’s values in time-series dashboards
- Embedding compact summary widgets into printable reports or dashboards
Display Types #
- Single Value: Shows the latest value with unit
- Diff Indicator: Displays value change with an arrow and tooltip
- Horizontal Bar Chart: Visualizes current vs. previous value bars
- Detailed Chart: Full line chart opens on double-click
Example #
- Basic
- With diff value
- Inline values
- Few datasets
- Horizontal bar chart + dark mode
