Visualize Your Weather in A Magnificent Graph!
Hi everyone, how’s life? I hope you all safe in your home, don’t be afraid of boredom because this time we’ll try something new with our ESP32. This time we’ll make an visualization for the sensor that we’ve been using before. Not just the up-to-date data but also the statistic of the data. Interesting isn’t it? Let’s try it!
As usual, you need to build the schematic first, and here I’ll drop the schematic that you can use.I’ll use DHT11 for this experiment and here it looks like.
After you’ve done building the schematic, the next thing that you need to do is make an HTML for the web interface. Here’s the index.html that you can use this time.
Let’s start to code the ESP32 with the Arduino IDE that we have. Here’s the code for our experiment this time. Don’t forget to save this code and the HTML code before it in the same directory with the HTML code inside the “data” folder beside this code.
After both of the code ready, what we’ll need to do next is to install the dependencies like SPI Flash File System and ESPAsyncWebServer library. Install those dependencies in your Arduino IDE and upload the data sketch with the tools menu in your Arduino IDE then try to run the code on your ESP32.
After done compiling and publishing your code to ESP32, open your serial monitor and open the IP Address shown. And you’ll see something magnificent.
Cool right?
