> For the complete documentation index, see [llms.txt](https://docs.robpod.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.robpod.cloud/hmi-designer/hmi-charts.md).

# 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>" %}