Uploaded October 2019 | Updated September 2026, 2 weeks ago

---

• $5 for PCB prototype w/ 1~2 day turnaround: pcbgogo.com
==========
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video tutorial I show you how to write firmware for the ESP32 (ESP-WROOM-32) to visualize sensor data in your projects. Specifically, I connect a 3-axis magnetometer (QMC5833/HMC5833) over I2C to the ESP32 and get heading data. The ESP32 also runs a web server which serves a webpage that uses the JavaScript library Babylon JS in order to render 3d objects using HTML5. I use the library to build a simple cylinder that allows us to visualize the orientation of the compass.
==========
• Related vids:
Getting started with the ESP32 using Arduino: youtu.be/-P7RD-DWVuA
Getting started with Websockets: youtu.be/ROeT-gyYZfw
ESP8266 Websockets Turntable Project: youtu.be/M4wDq8T0Pw4
==========
• Project code:
github.com/acrobotic/Ai_ESP32_Demos/tree/master/compass_visualization
QMC5883 Arduino library: github.com/dthain/QMC5883L
==========
• Project parts:
ACROBOTIC Development Boards for ESP32:
amzn.to/2D3KiA6 (affiliate)
amzn.to/303INZK (affiliate)
acrobotic.com/products/acr-00024
ACROBOTIC QMC5833L/HMC5833 3-Axis Magnetometer GY-271/GY-273:
amzn.to/32Zp27k (affiliate)
amzn.to/2VbKnaO (affiliate)
==========
• Sponsor:
This video was sponsored by PCBGOGO.
==========
• Music:
Epidemic Sound (https://epidemicsound.com). Standard YouTube License.
==========
#ESP8266 #ESP32 #Tutorial