Dashboard

The WinCC OA Dashboard is designed to address the evolving needs of modern automation, and leverages the latest web standards to deliver a flexible and user-friendly environment for visualization and interaction with project data. This enables the user to create individual Dashboards that provide quick insights into the current state of their systems.

At its core, the Dashboard is built on the concept of Web Components, which are reusable, encapsulated HTML elements based on standard browser APIs. This approach enables the creation of modular widgets, that can easily be customized to suit a wide range of use cases.

The Dashboard’s layout system is designed for maximum flexibility. Users can freely arrange elements on the dashboard surface, creating custom views that reflect their operational priorities. Features like widget duplication and import/export functionality streamline engineering workflows, enabling both fast configuration and reuse of elements.

A key strength of the Dashboard lies in its library of widgets, which cover a broad spectrum of visualization and interaction needs. Standard widgets include bar charts, line charts, progress bars, KPI lists, images and more. Command widgets such as input fields, switches, set points, and sliders empower authorized users to interact directly with their systems, setting values and triggering actions from within the dashboard itself.

Under the hood, the Dashboards architecture ensures robust and efficient communication between the browser-based UI and the WinCC OA backend. A WebSocket server handles commands and data access, and a shared worker and context component manage data retrieval, configuration and event handling. Settings pages and widget descriptions are defined in JSON, allowing for clear and easy extensibility.

Figure 1. Dashboard Overview