 Hello and welcome to this presentation. My name is Medardin and in this video we will learn how to use the GraphWidget to display the ADC converted values. In this first part of the video we will learn how to set up the GraphWidget in TatGFX Designer. I will start by launching TatGFX Designer. I'll give my application a name. STM32 H7B ADC GraphWidget. I change the application template to STM32 H7B Discovery Word, select and I'll go with a blank UI. Create. Now the application template gets downloaded. Here I have my canvas. I start by placing my widgets. I start by background, white box for my background. Cover the canvas here and then I will add my key widget today with the GraphWidget. I will cover my screen here like this. Now I will start by changing the properties of the GraphWidget on the right panel. I'll start by adding some margin to the top. I'll add like 10 pixels and to the bottom 30 and to the left 68. And here I'll have my labels here. Then I will change the dynamic behavior. I will select the scroll behavior and every time a data point is added all the previous data points visible also need to be displayed. The number of data points I'll change it to 160. The value range, the minimum 0, the maximum I will set it to 3500. And here my ADC maximum converted value is 3300mV. And here I'll use 3500 a bit more than the maximum that the ADC can give me. And then I will use a custom visible data point and the last point is 99. The last is 99, total is 100. Then I will use the element color here. I'll change it to something else and probably go with a red color. And then I'll start by setting the grid lines. So for the major division I'll select the color, the black color and then the interval to 50. Line width to 2. I'll do minor division as well. Change the color to black, interval to maybe 10. And then the line width I'll leave it to 1. I'll do the same thing for the horizontal grid lines. So for the major division I'll use the black color and the interval to 1000. Line width to 2. Minor division, change the color to black and then the interval to 500. Line width I'll leave it to 1. Then for the labels I won't have x-axis labels. I'll use only the y-axis labels. I'll use the major labels and then the interval, I set the interval to 500. And change the color to black. Okay, now I have my graph widget set up. I'll generate the code and then once the code is generated I'll browse to the Tajifx files. By clicking here on the bottom right. Thank you for joining me in this first part of the video. In the second part we'll see how to set up the ADC and pass the converted values to the graph widget.