Overview
The redesigned Time Series UI provides a streamlined and more intuitive experience while also delivering performance enhancements with the shift to a new data visualization technology.
While maintaining all existing features, several UI and UX improvements have been introduced to enhance usability. A new card-based layout, improved labelling, and clearer legends make it easier to understand the data at a glance. The UI now supports expanded functionality on tablet devices, introducing pinch-to-zoom and swipe-to-pan gestures.
A key feature of this update is the inclusion of new data quality indicators, allowing users to quickly identify periods where data is missing or when sensor values fall outside of expected operating ranges. These indicators provide critical insights into data quality, aiding investigation and decision-making processes.
This refreshed approach to the Time Series UI lays the groundwork for further future enhancements, ensuring continued improvement in both performance and user experience.
UI Updates - Views
The refreshed design consolidates the four view types into a card-based layout, which helps group and identify data points more clearly within the Time Series view. This approach introduces clear labels and legends, enabling a better understanding of what is displayed on the screen.
Stacked View: Displays each sensor individually, making it easy to investigate each graph in detail.
Twin View: Combines all sensors for each twin, allowing for easy comparison across all sensors within twins.
Grouped View: Organizes similar data types together for direct comparison on the same axis.
Shared View: Consolidates all data into a single graph, providing a comprehensive overview of all sensors selected on a shared axis.
Grouped View
Data Quality
Data quality visuals have been incorporated into Time Series to aid in identifying potential issues and helping users quickly understand data problems.
No Data: When data is missing from a sensor, it is represented as a dashed grey line connecting the known points.
Out of Range: When data falls outside the expected operating range, it is greyed out with a line indicating the expected threshold boundaries.
Timeline Controls
The new timeline control allows faster and more accessible interactions across the timeline. The selected range and zoom level are now more visible, enabling more precise navigation through time-series data. Users can directly choose start and end times using the timeline control to define their zoomed-in view.
Users can also interact directly with the graphs to zoom and pan:
On desktop devices, hold Shift and scroll to zoom in or out. When zoomed in, click and drag left or right to pan across the graph.
On touchscreen devices, pinch to zoom and swipe to pan across the graph when zoomed in.
Drag to Zoom |
Drag to Pan Left and Right |
Click to Reset Zoom |
Mini Timeseries
Overview
Mini Time Series within Twins and Insights has received the same UI uplift. The card design, data quality displays, and UI improvements are all now available in the Mini Time Series UI.
Additional interface optimizations have been made to Mini Time Series to improve the overall UX and UI further when viewing Time Series data within the context of a twin or an insight.
Additional existing capabilities, such as Insight occurrence overlays and diagnostic monitoring, continue functioning as expected with the new Mini Time Series UI.
Control Panel
Mini Time Series controls have been consolidated into a single panel, accessible via the ‘Controls’ button above the timeline.
This panel combines view controls and the sensors list into a single view, making it quicker and easier to set up Time Series. Users can set the date range, view type, and interval within the control panel. Additionally, users can now see the full sensors list, search for sensors within the twin, and show or hide sensors.
This UI pattern will also allow for greater accessibility on tablet and mobile devices in the future.