How to display real-time sensor curves on TouchGFX (I2C communication)?

[Rafla]

Hello everyone,

I’m working on a project using TouchGFX and I would like to know if it’s possible to display real-time curves (line graphs) that represent data coming from a sensor connected via I2C.

:small_blue_diamond: I’m using a microcontroller from the STM32 series.
:small_blue_diamond: The sensor communicates through I2C (temperature sensor).
:small_blue_diamond: I would like to visualize this data in graphical form (curves or charts) on the display using TouchGFX.

My main questions are:

1. Is it possible to plot real-time curves or graphs using TouchGFX?

2. Are there any built-in widgets or recommended methods to implement dynamic data plotting?

3. What is the best way to send I2C data from the MCU to the TouchGFX GUI efficiently?

4. Are there any examples or tutorials available?

Any suggestions, code examples, or documentation links would be very helpful!
Thanks in advance :folded_hands:

 

[mƎALLEm]

Hello,

Please refer to the TouchGFX tutorial: Dynamic Graph

The temperature values need to be propagated from the hardware to the graphics in MVP model.

See also this video on ST Youtube channel.

Hope that helps.

[Rafla]

Can I display real-time graphs based on temperature sensor values on TouchGFX?

I’m working on a project that involves using a temperature sensor, and I’m using TouchGFX for the graphical user interface. My goal is to display real-time graphs based on the temperature sensor values on the TouchGFX interface.

I’m wondering if it’s possible to dynamically update graphs in real-time with the data from the temperature sensor. If anyone has experience doing this or can provide guidance on how to implement real-time graphing with TouchGFX, I would really appreciate it!

Thanks in advance for your help!

[mƎALLEm]

Hello,

I've already provided you the answer. You need to use the Dynamic Graph feature of TouchGFX. Please read the documentation here.

Read the sensor and propagate the value from the low level software (Backend module) to the GUI over the MVP model.

See how to do it in this video.