ESP32/ESP8266 Plot Sensor Readings in Real Time Charts - Web Server

Learn how to plot sensor readings (temperature, humidity, and pressure) on a web server using the ESP32 or ESP8266 with Arduino IDE. The ESP will host a web page with three real time charts that have new readings added every 30 seconds.

*** Preparing Your Arduino IDE for ESP32 ****

3) Libraries that you need to install: ESPAsyncWebServer, AsyncTCP, Adafruit BME280, and Adafruit Unified Sensor

*** Preparing Your Arduino IDE for ESP8266 ****

3) Libraries that you need to install: ESPAsyncWebServer, ESPAsyncTCP, Adafruit BME280, and Adafruit Unified Sensor

Like my page on Facebook:
Follow me on twitter:

Subscribe for more projects like this!

[cristiantalos]

I'm so glad that out of luck i found out about you! I've been watching a few of your videos now and i think you're doing a fantastic job explaining everything! I just purchased your course on ESP8266 and ESP32 and i can't wait to learn everything about it! I was wondering if you would happen to be interrested into making tutorial videos (or maybe a complete course) with using an IoT dashboard platform such as Thingsboard? Keep up the great work!

[ardent]

Thank you ! everything from your website is so detailed and yet can be followed by a beginner like me.

[DocMicha]

I am a regular viewer of your homepage, but did not realize, that you also have this youtube channel, so I subscribed! Nice work!

[echoesofmind]

A good idea to make a graph dynamically! Super project! Thank you!

[appsCoZa]

fantastic tutorial! just what i was looking for.

[arp_catchall]

Thank you Rui. Found this guide most helpful.

[sadeeppriyankara]

Everything including description crystal clear...and work fine..thank you very much

[lorenzodefinis]

Hey man, thanks for the tutorial. I've followed it step by step but when I go to upload the code, in the serial monitor it reports that no sensor is found, check wiring. I checked the wiring and its exactly how you have it. Im using an esp8266 with the same bme280 sensor as you. I've used an IC2 scanner and it can't discover the sensor. Any ideas whats wrong?

[kaiomatico]

Wow this is simply perfect! Thank you so much for your hard work

[felipegarciaencina]

Hi, can I use this to diplay data from a i2s mic?. And, you know how to read that data and turn it to sound?

[robertgrassi]

Finally don't have to insert clunky HTML into the arduino code itself....wow this is a lifesaver. Really cool and useful tutorial thank you for pushing 32/8266 to the limits

[mattm]

Hi there, thanks for the wonderful tutorial. One problem I am having is, the sensor reading once in a while gets too high, not sure why. I tried the sensor with different code it works fine, another question I have is how do I add one more graph to display another sensor reading? Thanks

[youmaxim]

Hello! Is it possible to make realtime plotting via WiFi with ESP in the interval of 10 microseconds to build a graph? Or it's impossible for this technology?

[Ed]

A very interesting sketch as it uses a graphics library that's available on internet. That library can be configured to yr needs and used in other projects. This sketch is a very good introduction to its use. Well done

[MohamedAli-xbkh]

How can I send continuous data to esp such as make the led on while I am pressing the forward arrow at keyboard ?

[stefanbramel]

I have already built my own weather station. Iam using it for quit a while now and I wonderd if it is possible to store the sensor data an the ESP for the last week and display it on a nice chart, so i don't have to wait until new sensor data cums in. It would be nice if you could make a video about that.
Thanks

This project is awesome! I test it and works like a dream. But I would like to know if I could take time from a rtc component attach to esp32? I will use the ESP32 with an RTC and an SD card to datalogger the sensors. This device will not connect to internet, but I will use ESP softAP to make an access point, so I could use any device to connect with ESP32 network and see the readings. Thank you for share this project!

[amjadalnahhas]

Thank you very much, but h have problem, when i copy IP and past it on the internet is not founded

[arminsenpai]

is there a way to get access to the esp server/Time Chart if i am not in local network? For example i want to make an ecg sensor with an esp and show the results like this time chart but from every place not just local. Thanks

[marionboynton]

Thanks for video! :) is it possible to make the esp8266 an access point and log data so one can view the data plots on a desktop/mobile by conencting staright to esp8266 and no need for wifi?