---
title: "Web Vision | Tag Usage Example | N3uron KB V1.22"
slug: "web-vision-example-tag-usage"
description: "Follow Web Vision examples to bind tag values, engineering units and quality to visual components, and write tag values through user-triggered actions."
updated: 2026-10-07T14:59:24Z
published: 2026-10-07T14:59:24Z
canonical: "docs.n3uron.com/web-vision-example-tag-usage"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.n3uron.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tag usage

## **Linking tags to a property**

To display tag values using components, such as the gauge component, the value of the component must be linked to the tag that will be displayed. It is important to note that any tag property can be linked, not just the value. For example, to link the tag value of a specific tag, the EU of the same tag, and the quality of the tag to the value, EU, and quality of a gauge's container respectively, you can use the following code.

Firstly, a gauge component should be created in the container. Once created, the **value** field should be selected and the input options button clicked to select the “**link tag**” option, as shown in the below screenshot:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Picture122.png)

After clicking the **link tag** button, a popup will appear with a list of tags to link to:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Figure%20123.png)

In this example, the tag is “/ReadOnlyNumber”. After selecting the tag, another popup allows users to select the property:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Figure%20124.png)

After selecting the tag value, the value field changes to =tag(“/ReadOnlyNumber”), which is how a tag is linked internally (More information in Tag function).

Follow the same procedure to link the **engineer units** to the tag’s engineer units and the same for the **quality** section (located in the container section) in order to link the tag. The resulting gauge will look like this:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Figure%20125.png)

## Writing values to tags based on an event

The following screenshot shows the available events for an input component:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Figrue%20126.png)

By clicking on the button indicated with an arrow, a popup is displayed to allow users to create actions for that event. In this case, for binding the **User input** event to a write tag action. By clicking on the “add action” button, a new popup will appear to allow the user to select which action to execute. In this case, write tag has been selected to bind the value to be written to the To display tag values using the gauge component, the value of the component must be linked to the tag that will be displayed. It is important to note that any tag property can be linked, not just the value. For example, to link the tag value of a specific tag, the EU of the same tag, and the quality of the tag to the value, EU, and quality of a gauge's container respectively, you can use the following code.To display tag values using the gauge component, the value of the component must be linked to the tag that will be displayed. It is important to note that any tag property can be linked, not just the value. For example, to link the tag value of a specific tag, the EU of the same tag, and the quality of the tag to the value, EU, and quality of a gauge's container respectively, you can use the following code.input text:

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Figure%20127.png)

A write tag action is shown with “/ReadWriteNumber” as the tag and =self(“text”) as the value. More information about the “self” function can be found [here](/v122/docs/web-vision-input-helpers-1).

[Web Vision Full Product Details](https://n3uron.com/iiot-platform-modules/web-vision/)