Made with the HMIx AI Generator
This resource was created with AI on ai.hmix.tech. Describe what you need and generate your own HMI controls in minutes — free.
Custom Web Control
About Sankey Diagram
The Sankey Diagram is a professional Custom Web Control designed for high-performance industrial SCADA and HMI applications. It serves as a dynamic flow visualization tool, allowing operators to track energy, material, or cost distribution across complex systems. By visualizing the magnitude of flows between nodes, it provides an intuitive source-to-target analysis that simplifies the monitoring of intricate industrial processes. Simply import it into your WinCC Unified (TIA Portal) or WinCC V8 project and bind its properties to your process tags.
Key Features
- Interactive Navigation: Features interactive path highlighting and manual node repositioning when enableDragging is active.
- Detailed Analytics: Includes specialized tooltips for both flows and nodes, with customizable headers via tooltipTitleFlow and tooltipTitleNode.
- Advanced Interactivity: Built-in events like NodeClicked and LinkClicked allow for seamless integration with HMI navigation and logic.
- Export Capabilities: Includes an exportAsImage method to capture current flow states for reporting and documentation.
Customization
The control offers 11 adjustable properties for complete visual and functional alignment. Engineers can define the diagram structure using nodesData and linksData JSON strings, while fine-tuning the aesthetics through backgroundColor, nodeWidth, and nodeGap. The flowOpacity property ensures the ribbons are perfectly balanced against the background, and the unitLabel property ensures all measurements (e.g., MW, m3/h) are displayed accurately in tooltips.
Use Cases
Perfect for energy management systems (EMS), chemical mass balance monitoring, supply chain logistics, and utility distribution dashboards in large-scale manufacturing facilities.
Compatibility
Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The package includes comprehensive documentation for rapid deployment on both platforms.
💡 TIA Portal Reminder: Remember to uncheck the "Read only" option in TIA Portal when linking a tag to a property that needs to be written from the Custom Web Control. If you do not, the CWC will only be able to read the HMI tags and not write to them.
⚠️ AI-Generated: This custom web control was automatically generated using AI. Please test and validate before deploying in production environments.
⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.
1 Reviews