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 Heatmap Grid
The Heatmap Grid is a high-performance Custom Web Control designed for industrial SCADA and HMI environments. It provides a high-density visualization for monitoring spatial data distributions, rendering color-coded intensity values across a grid to help operators instantly identify patterns, hotspots, and anomalies in complex process parameters.
Key Features
- Spatial Data Visualization: Transform large datasets into intuitive color-coded grids for rapid situational awareness.
- Interactive Tooltips: Enhance data exploration with a valuePrefix property that adds context to cell values during user interaction.
- Dynamic Scaling: Automatically map colors based on defined minValue and maxValue properties to ensure accurate visual representation of process ranges.
- Event-Driven Logic: Utilize the CellClicked event to trigger specific HMI actions or navigate to detailed process screens when a grid cell is selected.
Customization
The control offers 9 configurable properties for seamless integration. Engineers can define the backgroundColor and titleText to match corporate standards, while xAxisLabels and yAxisLabels provide clear coordinate references. The heatmapData array allows for flexible data binding, and the showVisualMap toggle enables or disables the color legend as needed. Built-in methods like refreshData and clearSelection provide programmatic control over the display state.
Use Cases
This control is ideal for temperature distribution monitoring in ovens, pressure mapping across sensor arrays, storage tank farm status overviews, and identifying wear patterns in multi-zone heating systems.
Compatibility
Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The control supports direct tag binding for all properties, ensuring a no-code configuration experience for automation engineers.
💡 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 its performance and security 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