Display
A set of display widgets provides a range of tools to present and visualize data or information effectively.
Last updated
A set of display widgets provides a range of tools to present and visualize data or information effectively.
Last updated
This widget is used to display the value from a single data stream. The background color can be changed to suit color data representation. The readout can be from any date range can be configuration.
Displaying real-time key performance metrics
Alarm and status indicators
Key cost metrics
Examples below show the Data Point Widget Configuration entry fields and resultant effect on the widget displayed.
Enable Background Color Allows users to toggle a background color for the widget to visually emphasize its content or status. Colors can be selected through the color selector, HEX code or RGB code.
Data Conditions Rules or criteria applied to data points (e.g., thresholds) that trigger specific visual responses, such as changing text or background color.
Name: A label identifying a specific data condition.
Rule: The condition or criteria applied to the data (e.g., greater than, equal to).
Value: The threshold or reference value for the condition.
Color: The color applied when the condition is met, providing visual feedback or highlighting. Colors can be selected through the color selector, HEX code or RGB code.
The Data Grid is an extremely useful widget to break-down data into a clear 'spreadsheet-like' table. It allows quick comparison of various values and statistics of data. Easily identify the detailed information of your data streams and sort them. It also includes helpful time-period and aggregation selection options.
Energy, water and gas usage monitoring
Alarm and event logs
Equipment status overview
Utility breakdown
Maintenance task management
Examples below show the Data Grid Widget Configuration entry fields and resultant effect on the widget displayed.
Table Fields Users can select the columns or data categories displayed in the table widget from a list of options in the dropdown menu.
Record Count: The total number of records in the dataset.
First Value: The initial value in the dataset or data stream.
Last Value: The final value in the dataset or data stream.
Minimum: The smallest value in the dataset.
Maximum: The largest value in the dataset.
Difference: The numerical difference between the first and last values.
Sum: The total sum of all values in the dataset.
This widget displays a simple grid showing time and values. Essentially it displays the raw data version of a chart.
Real-time sensor data
Alarm and event logs
System performance monitoring
Environmental data comparison
Examples below show the Raw Data Widget Configuration entry fields and resultant effect on the widget displayed.
This widget allows you to assign multiple mains-meters or a series of sub-meters to rank the respective consumption. You can grade your data against each other to see the comparative values. You will have the option to see the lowest to highest, or the highest to lowest. Additionally, you can add conditions to the data, enabling you to apply specific rules or thresholds to highlight or filter values based on your criteria.
Monitoring portfolio energy performance
Simplifying data with color coded values
Alarm and status tracking
Examples below show the Leaderboard Widget Configuration entry fields and resultant effect on the widget displayed.
Leaderboard Filter
Allows users to apply filters to display only specific entries based on predefined criteria.
Leaderboard Order
Determines the ranking order, either ascending or descending.
Data Conditions Rules applied to the data that define how specific values are highlighted or categorized, based on criteria like name, rule (e.g., greater than), threshold value, and assigned color.
Name: The label for the condition being applied.
Rule: The logical rule defining the condition (e.g., greater than, less than, between, No data).
Value: The threshold or reference value for the condition.
Color: The color applied to highlight entries that meet the condition. Colors can be selected through the color selector, HEX code or RGB code.
Title box can be used for headings or any other large text.
Labelling dashboard key focuses
Labelling to separate system outputs
Linking dashboards for user navigation
Attaching external URLs for further referencing
Examples below show the Title Widget Configuration entry fields and resultant effect on the widget displayed.
Title The main text or heading displayed in the title box widget.
Link Type Specifies the type of hyperlink associated with the widget, such as a dashboard or URL link.
Enable Background Color Allows the addition of a background color to the widget for visual emphasis or styling. Colors can be selected through the color selector, HEX code or RGB code.
Text box used for custom styled text.
Providing extra contextual information related to dashboard
Additional visual elements to enhance customization
Examples below show the Text Box Widget Configuration entry fields and resultant effect on the widget displayed.
Enable Background Color Allows the addition of a background color to the widget for visual emphasis or styling. Colors can be selected through the color selector, HEX code or RGB code.
Content Provides tools to format the text content, such as changing font style, size, alignment, and adding bold, italic, or underline effects. Additionally, users can insert images, tables and links into the text box.
Widget for viewing embed websites.
Providing extra external resourcing to add context to dashboard data
Personalizing dashboards with customer websites or useful resources
Examples below show the Web Embed Widget Configuration entry fields and resultant effect on the widget displayed.
Embed Web URL Allows users to input a web address (URL) to embed external web content directly into the widget for display and interaction.
Display a picture of your choice in your space.
Providing extra visual resources to animate system operations
Images as links to other dashboards or URLs for navigation
Simplifying alarm and status data with visual elements
Examples below show the Image Widget Configuration entry fields and resultant effect on the widget displayed.
Image Allows users to upload an image as the base layer for the visualization or interaction.
Fit Type Determines how the image is scaled or resized to fit within the widget (e.g., fit, fill, stretch).
Minimum Height Sets the minimum vertical size of the widget to ensure proper display.
Link Type Specifies the type of hyperlink associated with the widget, such as navigating to a URL or another dashboard.
Link The URL or dashboard connected to the widget, triggered when the image is clicked.
Streams Data streams linked to the widget in which the value can be seen by hovering the cursor over the image.
Data Conditions Rules or criteria applied to data points (e.g., thresholds) that trigger a change in image.
Name: The label for the condition being applied.
Rule: The condition or criteria applied to the data (e.g., equals, greater than).
Value: The threshold or reference value for triggering the condition.
Image: The specific image to display when the condition is met.
Widget for displaying AI Insights.
Tailored AI insights on system performance
Predictive maintenance
In depth anomaly detection
Fault diagnosis
Resource allocation recommendations
Cost saving opportunities analysis
Examples below show the AI Button Widget Configuration entry fields and resultant effect on the widget displayed.
AI Question
The predefined query or input that the AI processes the data with to generate a response.
Image
A visual icon or graphic displayed on the widget.
Fill Type
Determines how the image is scaled or resized to fit within the widget (e.g., fit, fill, stretch).
Minimum Height
Sets the minimum vertical size of the widget to ensure proper display.
Link Type
Specifies the type of hyperlink associated with the widget, such as navigating to a URL, another dashboard or to an AI response popup.
Compare a dynamic value to a set maximum value. This widget visually indicates when certain values exceed or fall below acceptable levels, making it easy to stay on top of performance, compliance, and operational goals.
Resource consumption limits
Occupancy monitoring
Carbon emissions benchmarking
Inventory management
Sensor data monitoring
Examples below show the Limit Tracker Widget Configuration entry fields and resultant effect on the widget displayed.
Threshold
The defined value or limit that triggers the logic condition.
Logic Rule
The condition or operator applied to the threshold (e.g., greater than, less than).
Logic True/False State
Displays custom text based on whether the condition is met (true) or not (false).
Logic True/False Text
Displays custom text based on whether the logic condition evaluates to true or false.
Logic True/False Color
Specifies the color to represent the true or false state visually. Colors can be selected through the color selector, HEX code or RGB code.
Use the maps widget to display site locations.
Portfolio Location Tracking
Linking Sites within the Map Widget for user navigation
Examples below show the Map Widget Configuration entry fields and resultant effect on the widget displayed.
Minimum Height
Defines the smallest vertical height of the map widget to ensure adequate display.
Map Type
Specifies the style or format of the map, such as roadmap, satellite, terrain, or hybrid.
Sites
Displays custom text based on whether the condition is met (true) or not (false).
Site: Marks specific locations on the map using the modelling data with the use of colored markers.
Link: Allows users to add an associated dashboard link to every site for further information.
Displays the current status of a notification group.
System alerts and status monitoring
Compliance tracking
Asset management
Examples below show the Notifications Status Widget Configuration entry fields and resultant effect on the widget displayed.
Notification Status
Displays the current state of notifications, such as all, read and unread.
Group
Select the Notification Group to display on the widget.
Apply Filter
Allows users to refine the displayed notifications based on specific criteria:
Flows: Filters notifications related particular data flows.
Alarm Type: Filters notifications by the type of alarm, such as out of limits, data quality or data anomaly.
Title Filter: Name given to the filter applied.
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in .
