IoT - real time temperature chart in Webbrowser with ESP32 and WiFi

In my series on ESP32 and Wifi I covered how to show live data in a web browser. As per request I provide a specific example in this video and show real time temperature readings from a DHT22 sensor in a webbrowser using an ESP32.

Github:
Direct link to code:

The underlaying code for chart generation is described here:

If you want to follow the complete series on Wifi communication on an ESP32 I recommend starting here:

Chapters:
0:00 Introduction
0:40 Reading out temperature sensor
1:22 Download code basis for implementation from GitHub
1:48 Add temperature sensor code to code basis
3:00 Send temperature information to Web Client
5:35 Update Javascript to receive temperature information
8:45 Upload and test code
9:44 Adding labels to the chart

[scottstevens]

This has been an informative series, well presented. I have been doing just this with your #4 code, converting it to read an AHT10 sensor for Temp and Humidity.
I think my next step is to have sort of data storage and allow various spans of time to be displayed. Keeping the slider as the picker to vary the amount of time between readings is another usefull feature for my purpose. Thanks!

[MrNebRebew]

You explain things very well and make it easy to understand. Can't wait for the next one! Thank you

[dash]

I always love your videos ..very informative and helped me alot for my projects. keep it up

[marcosgiovanni]

Very good your videos, could implement the triggering of digital inputs and button triggers via websocket with a web interface

[BiqBanq]

Instead of seeing website in our IP address, can we make it on real website? Any difference in the code? Thanks in advance...

[WikkidDJ]

Hello and thank you for your vids. I'm new to coding and it makes me feel lost very easily. I see the same types of projects that do the exact same things, yet the code can be written several different ways. I tried plugging in parts from other sketches that have worked to get the sensor readout to be in Fahrenheit but it just exit's the upload before it flashes. Your coding is different that others, better I'd say cuz I can almost read the progression as the lines go on. But I'm still stuck at noob status unable to figure out this minor Fº conversion or formula. How can I get itto read out in Fahrenheit? Looking forward to future videos from you. You got my sub! Dan

[paulwilkie]

MoThunderz, where do I download the updated Javascript data file for this sketch - ESP32WiFiTenp Sensor.ino??

[bektinurwanto]

how to combine this using bootstrap sir