# Widget Types

There are several types of widgets that can be used in a dashboard created with the Dashboard Builder. These can be logically grouped based on the type of data they represent into:

* KPI: all widgets that represent KPIs and formulas;
* Events: all widgets that represent events recorded on the machine;
* Telemetry: all widgets dedicated to representing telemetry variables.

Below is a detailed description of all the widget types grouped by data type.

## KPI

#### Card

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/uRBEKlc1TerbSp7QneCC/image.png" alt=""><figcaption><p>Example of card</p></figcaption></figure>

A simple component representing a single value. The content can be configured through the following window. Here, you can choose the KPI to display from those available and the graphic style of the element.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/8FaM26iSodDZ1malKx4n/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

#### Chart

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/5OjYLjzP40ERUCStKk6R/image.png" alt=""><figcaption><p>Example of chart</p></figcaption></figure>

This component allows you to display a chart with one or more tracks. In the configuration window, you can set up the various tracks to display and their graphic appearance. Note that the displayed data are the KPIs available for the asset over time.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/YF2UatUl5VqMW7vqXUJh/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

#### Gauge

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/hraAMQ6LeuvDqLsL9YFq/image.png" alt=""><figcaption><p>Example of gauge</p></figcaption></figure>

An example of a gauge is shown in the image above. In this case, you can configure the KPI represented through a specific window.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/VxDaO4zXk8iy0cXczWPw/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

#### Progress Bar

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/ITLLRN8jtEjfdiF5MwMu/image.png" alt=""><figcaption><p>Example of progress bar</p></figcaption></figure>

A progress bar allows you to display a KPI as long as it is expressed as a percentage. You can configure which KPI to display through a specific window.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/4pV9njkz7Nz2wk8X14Lo/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

#### Table

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/dYvVzWmVmnECUtpvnrdI/image.png" alt=""><figcaption><p>Example of table</p></figcaption></figure>

A table allows you to display a KPI in a tabular format. Each row represents a time interval in which the data is displayed. The temporal resampling depends on how the page is configured in the table header. The configuration window allows you to set up the KPIs to display in the various columns and the number of rows.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/rckB96pA2cZKBIkwh667/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

## Events

#### Pareto

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/BJLMcREUWk7TIQjTQO2H/image.png" alt=""><figcaption><p>Example of Pareto</p></figcaption></figure>

The Dashboard Builder allows you to create a Pareto chart for all recorded events. The configuration window lets the user choose the type of event for which to create the Pareto chart and the color to use for coloring the bins in the chart.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/B4xVgwUHx3zWubboKEfB/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

#### Table

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/xO2RqRMYBY8KxbWWojKw/image.png" alt=""><figcaption><p>Example of table</p></figcaption></figure>

This widget allows you to insert a table of events of the selected type. The configuration window allows you to choose the type of event to consider and the number of rows to display. Multiple types of events can also be configured to display.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/jrLcA87y6FLGA1GWjTG1/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>

## Telemetry

#### Chart

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/IQ2n180qflRNc9W8SFeN/image.png" alt=""><figcaption><p>Example of telemetry</p></figcaption></figure>

The Chart widget allows you to display a graph with some tracks representing telemetry variables. The tracks to display and their graphic style can be defined in the configuration window.

<figure><img src="https://content.gitbook.com/content/i9ZY2OsNvn99waWhVUOW/blobs/0uTfZwcLwTnS9IpfY7XD/image.png" alt=""><figcaption><p>Example of the configuration window</p></figcaption></figure>
