# HMI Charts

**HMI Charts** are [HMI components](/hmi-designer/hmi-components.md) that can be used to show data in a graphical way. Chart visualization is updated automatically at runtime based on values of linked robot variables.

Supported chart types are: Time series, Bar / Histogram, Pie / Circle, Indicator.

<table data-header-hidden data-full-width="false"><thead><tr><th align="center"></th><th align="center"></th></tr></thead><tbody><tr><td align="center"><img src="/files/60c9SWit2Nxzvnfm1MOf" alt=""></td><td align="center"><img src="/files/jqrWnFiDglq1Tm4V7spC" alt=""></td></tr></tbody></table>

### Adding a Chart

Charts can be added to a panel using the ![](/files/4RqtRKBGOIot7XtKIadr) button inside the [HMI Palette Toolbar](/hmi-designer/user-interface.md).

Then use the side HMI Component Properties panel to configure the chart and its appearance, like for example the chart type and its colors.

<figure><img src="/files/7JRIlCD9Y9QloDk7cNmg" alt=""><figcaption></figcaption></figure>

### Linking a Chart

HMI charts are linked to robot variables using **Chart Data Seires.**

Data series can be added and edited using the side Component Properties panel. Each chart can have any number of data series, and each data series is linked to a **robot variable**, for which name and type must be specified.

Valid linking examples for Universal Robots:

* ```python
  my_variable # user defined variable
  ```
* ```python
  get_standard_digital_in(0) # robot function
  ```
* ```python
  my_function() # user defined function
  ```
* ```python
  x + y # command with return value
  ```

{% tabs %}
{% tab title="Universal Robots" %}
{% embed url="<https://www.youtube.com/watch?v=CkXb3qBov2I>" %}
HMI Chart Tutorial
{% endembed %}
{% endtab %}

{% tab title="Doosan Robotics" %}
{% embed url="<https://youtu.be/fIqPECBnsfE>" %}
HMI Chart Tutorial
{% endembed %}
{% endtab %}
{% endtabs %}

### Exporting Data

When you are connected with the [Remote Desktop Viewer](/hmi-designer/desktop-hmi-viewer.md) to a running Robpod HMI application, you can export and save chart data.

Right click on the chart, then choose:

* **Save as**, to save the chart as a png or jpeg image
* **Export**, to export data in CSV format.

Images and data will be available on your desktop PC for later usage.

{% embed url="<https://www.youtube.com/watch?v=lxia1HC31-k>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.robpod.cloud/hmi-designer/hmi-charts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.