Skip to main content
Version: 25.4 (stable)

Sankey Diagram

A Sankey Diagram displays flows between multiple nodes where link width indicates the quantity or magnitude of the flow. The diagram automatically scales link widths proportionally, ensuring that flow relationships are accurately represented and easy to compare at a glance.

Adding & Linking Nodes​

Each Sankey Node represents a point in your flow diagram. To add a node:

  1. Select the Sankey Diagram in the HMI Content Tree
  2. Add a new Sankey Node element
  3. Configure its properties in the properties panel

The Sankey Diagram automatically calculates proportions based on the values you define:

  • Link widths are drawn proportionally to represent the relative quantity of each flow
  • Multiple outgoing links from a single node will split the flow visually
  • The sum of outgoing link values equals the total input to that node

Properties​

Container

Icon

This icon will be displayed next to the element's label on pages that support it, like the Dashboard Page. An Element can make use of the icon to:

  • Provide more context to add meaning
  • Improve recognition and discoverability, especially on larger pages

Label

Provides context and information to operators, guiding them and helping them understand the value of this particular element. A good label instills confidence in operators when making adjustments.

Description

Will be displayed underneath the element. This description provides additional guidance or instructions for operators manipulating the element. It expands on the label by offering supporting details and clarifying what the element represents or how it behaves. It provides an opportunity to offer more detailed context regarding the potential impact of changes or further instructions on the desired input format.
Display Condition

Condition

Determines whether an element or page should be visible or hidden to the current user. The condition can be set to different types of Dynamic Property – as long as the the type returns true or false you're good to go.

Display Labels​

Condition

Specify whether the node labels should be visible. Hiding labels can be helpful on smaller devices.

Pages

Sankey Diagram Page