Introduction

Realtime Indicators (RTI) are visual elements strategically integrated with shapes, serving to symbolize various states or conditions, thereby enabling You to quickly identify and understand different aspects or statuses represented in the diagram.
With their use of distinct colors and visual cues, RTIs facilitate rapid comprehension, providing You with actionable insights at a glance.

Realtime Indicators Configuration

📘
To configure Realtime Indicators visit the Realtime Indicators Configuration KB

A dedicated space within the YouDesign where You can configure and manage RTIs for their diagrams.
This panel provides a user-friendly interface to define various aspects of RTIs, including selecting tables, fields, and styles to represent different states or conditions within the diagram.

The Configuration Panel can be accessed by clicking on the indicators icon in the widget toolbar, located on the top right side of the page:

When no realtime indicators are defined in the backend instance, the indicators icon will be grayed out. A tooltip will inform You about this state.
Panel Layout
The Configuration Panel is divided into two main areas:

The RTI Selection allows You to select the table, field, and style for the realtime indicator.
The RTI List displays a list of all indicators already created, along with their values, enabling You to manage and edit existing indicators.

Select Table:
Choose the table from which the RTI will fetch data. This dropdown lists all DataHub tables with RTIs defined, shown in alphabetical order. After selecting a table, the dropdown closes, and the selected table name is displayed.
Select Field:
This dropdown shows all fields with RTIs defined for the selected table. You can select a field, and the dropdown will close, displaying the selected field name.
Select Style:
Pick from various styles to represent the RTI, such as background color, border color, shape, symbol, or text. The available styles depend on the indicator's configuration in the backend.
Note: If the style is not configured in the Backend, only the 'text' style will be available by default.
Position and Direction:
For RTI styles, except background and border style, you need to select RTI position by hovering your mouse around the preview rectangle and clicking the desired position. Depending on the selected position, you can pick RTI direction.
Note: The unavailable selection options will be grayed out. Selections become unavailable if an RTI with those values have already been added.
Add Indicator:
Once all selections are made (table, field, and style), the "Add" indicator button becomes active. Clicking this button adds the new indicator to the list in the RTI list area of the panel.
The newly created indicator appears as the first item in the list and includes its table, field, values, and icons.

After Realtime indicator is added, the RTI List section becomes available:

The RTI List area of the panel displays a list of all indicators that have been configured.
Each indicator in the list includes its table, field, values, and icons (taken from the backend).
You can toggle indicators by using the RTI toggle button. Disabled indicators are still visible in the list but are not displayed on the board.
Click on the RTI values to highlight the elements. Once the element with a selected RTI value is highlighted, it will also be highlighted in the RTI value list.
Remove RTI from the list by using the x button next to the RTI name. Removing RTIs from the RTI list also removes them from the board.

The “Refresh” RTI button, located at the top of the panel, allows You to refresh the realtime indicators on demand:

👆Clicking Refresh RTI button updates the indicators based on the latest configuration from the backend. This is useful for ensuring that the indicators reflect the most up-to-date information.

Indicator colors are updated dynamically based on changes in the backend data. This ensures that the indicators always reflect the most up-to-date information, providing You with accurate and actionable insights.

The Configuration Panel behaves similarly to the Left Side panel, with a scalable width and a single column layout. The panel retains the recent size selection in preferences, ensuring a consistent experience across sessions.
You can close the panel by clicking the x button located in the top right corner.

You can view the list of existing indicators without the ability to delete or change them.
This mode is useful for presenting diagrams without making changes to the indicators.

Realtime indicators enhance the readability and interpretability of diagrams.
They are small, visually distinct elements such as colored shapes, shaded backgrounds, or highlighted text.
These indicators symbolize various states or conditions, making it easier for You to identify and understand different aspects represented in the diagram.
The use of varied colors allows for quick visual scanning, enabling You to effortlessly gain an informational overview and grasp key insights.
Realtime indicators are especially beneficial in complex diagrams where quick comprehension and realtime data representation are crucial.

Take your diagrams to the next level with YouDesign's Realtime Indicators.

Easily customize indicators to match your data and watch as your diagrams come alive with realtime updates.

Try it out today and discover an insightful way to visualize information with YouDesign!