About HMI Graphics

HMI graphics are accessible only in the latest version of Operations Hub layout.

Use the HMI graphic plug-ins to design a pictorial setup of your industrial system. The plug-ins can be animated based on their configured tag data values. Operators can experience a real world layout while monitoring the changing status of the system. The HMI graphics are scalable, and can be resized to fit into your application design.

With the Operations Hub installation, you get a list of out-of-the-box HMI Graphics (not available in Operations Hub Classic). You can use the system HMI graphics to get started, and create custom graphics for varied applications.

Refer to the following topics to work with HMI graphics.
Under custom, you can also create varied categories to efficiently organize your HMI graphics.
With the in-built SVG graphic editor, you can configure and animate the HMI graphics to meet your specific requirements.

Add/Update Graphics to a Page

When designing application pages in Operations Hub, you can drag-and-drop graphics to the page designer area.

In case you modified animation for a graphic that is already used in an application, then you need to update those graphic instances to render the data accurately. For example, to update an instance of a graphic called speedometer, do the following:
  1. Open the application page where the speedometer is used.
  2. Delete the speedometer. You have deleted the old instance of the speedometer.
  3. On the Visuals tab under custom graphics, drag-and-drop or double-click the speedometer to add it back to the page. You have added the updated instance of the speedometer.
  4. On the toolbar, select Save.

You don't need to update graphic instances if you modified color, size, position, or shape of a graphic.