{"product_id":"kit-live-sensor-data-web-charts","title":"Live Sensor Data Web Charts Kit with ESP32 + DHT22","description":"\u003ch1\u003eLive Sensor Data Web Charts Kit — ESP32 Feeds DHT22, BMP280, BH1750 into Your Browser with Zoomable Charts\u003c\/h1\u003e\n\n\u003cp class=\"value-summary\"\u003eEvery part needed, pre-tested for compatibility, with an AI build companion trained on this exact project. Shipped from Bengaluru in 3-5 days.\u003c\/p\u003e\n\n\u003cdiv class=\"specs-strip\"\u003e\n  \u003cspan\u003e\u003cstrong\u003eDifficulty:\u003c\/strong\u003e Intermediate\u003c\/span\u003e\n  \u003cspan\u003e\u003cstrong\u003eBuild Time:\u003c\/strong\u003e 3-4 hrs\u003c\/span\u003e\n  \u003cspan\u003e\u003cstrong\u003eAge:\u003c\/strong\u003e 15-18\u003c\/span\u003e\n  \u003cspan\u003e\u003cstrong\u003eSkill:\u003c\/strong\u003e Real-time web-based IoT dashboards\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eWalk into your room and open a browser tab that streams live temperature, humidity, air pressure, and light intensity — no cloud, no polling, just a direct WebSocket pipe from an ESP32 to your screen. This kit equips you to build that dashboard, complete with zoom and pan controls on every chart. It’s the same approach used in professional monitoring consoles, tuned for a hands-on learning experience.\u003c\/p\u003e\n\n\u003ch2\u003eWhat You'll Build\u003c\/h2\u003e\n\u003cp\u003eYou’ll flash an ESP32 with firmware that reads three I2C sensors every second, then pushes the data over WebSocket to a clean HTML page. On that page, Chart.js renders live line graphs for DHT22 temperature and humidity, BMP280 pressure, and BH1750 ambient light — all updating seamlessly. You’ll be able to pinch-to-zoom on mobile or mouse-drag on desktop to inspect spikes, dips, or trends precisely.\u003c\/p\u003e\n\n\u003ch2\u003eWhat You'll Learn\u003c\/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eEstablish a local WebSocket server on ESP32 and stream sensor data without HTTP polling\u003c\/li\u003e\n  \u003cli\u003eInterface three I2C sensors (DHT22, BMP280, BH1750) simultaneously, managing pull-up resistors and addresses\u003c\/li\u003e\n  \u003cli\u003eCreate dynamic, interactive line charts with Chart.js, enabling real-time zoom and pan interactions\u003c\/li\u003e\n  \u003cli\u003eIntegrate firmware, networking, and front-end code into a standalone IoT monitoring tool that runs entirely on your local network\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eKit Contents\u003c\/h2\u003e\n\u003ctable\u003e\n  \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eComponent\u003c\/th\u003e\n\u003cth\u003eQuantity\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n\u003ctd\u003eESP32 Dev Board\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eDHT22\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eBMP280\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eBH1750\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003e4.7kΩ Resistors\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003e100nF Caps\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003e400-pt Breadboard\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eM-M Wires\u003c\/td\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eMicro USB Cable\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003ch2\u003eWhy Buy This Kit Instead of Sourcing Parts Separately\u003c\/h2\u003e\n\u003ctable\u003e\n  \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eFactor\u003c\/th\u003e\n\u003cth\u003eSourcing Separately\u003c\/th\u003e\n\u003cth\u003eCompoden Kit\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n\u003ctd\u003eCompatibility checks\u003c\/td\u003e\n\u003ctd\u003eYou verify every part\u003c\/td\u003e\n\u003ctd\u003ePre-tested as a system\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eBuild support\u003c\/td\u003e\n\u003ctd\u003eForums and scattered tutorials\u003c\/td\u003e\n\u003ctd\u003eAI companion trained on this exact project\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eTime to first working build\u003c\/td\u003e\n\u003ctd\u003eDays of debugging\u003c\/td\u003e\n\u003ctd\u003eHours, with step-by-step guidance\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003eShipping coordination\u003c\/td\u003e\n\u003ctd\u003eMultiple sellers, multiple delays\u003c\/td\u003e\n\u003ctd\u003eOne shipment from Bengaluru in 3-5 days\u003c\/td\u003e\n\u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003ch2\u003eWho This Kit Is For\u003c\/h2\u003e\n\u003cp\u003eThis intermediate kit suits CBSE Class 11-12 students tackling a physics or computer science project that demands real-time data acquisition and web visualization. B.Tech ECE\/EEE undergraduates at IIT, NIT, VIT, or BITS campuses will find it a ready base for IoT lab assignments. ATL tinkering lab mentors and Smart India Hackathon teams appreciate how the entire stack — sensor to browser — is stripped of complexity so they can focus on innovating.\u003c\/p\u003e\n\n\u003ch2\u003eBuilt and Backed by Compoden\u003c\/h2\u003e\n\u003cp\u003eEvery Compoden kit ships with an AI build companion trained on this exact project — accessible via a QR code on the box, with WhatsApp and email backup. We've spent 10 years building projects for makers, schools, and institutions across India. If a part fails because of a manufacturing defect, replace it free within 7 days.\u003c\/p\u003e\n\n\u003cdetails\u003e\u003csummary\u003eWhat if I get stuck during the build?\u003c\/summary\u003e\u003cp\u003eScan the QR code on the box to open the AI companion, which knows every line of code and wiring for this kit. If you need human help, WhatsApp support is a tap away.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I view the dashboard on my phone?\u003c\/summary\u003e\u003cp\u003eYes. Once the ESP32 is on your Wi-Fi, any device with a browser — Android, iPhone, laptop — can open the dashboard by entering the ESP32’s IP address. The charts respond to touch zoom and pan.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDoes this kit require an internet connection?\u003c\/summary\u003e\u003cp\u003eNo. The ESP32 creates its own WebSocket server on your local network. All sensor data and the web page are served locally; internet is only needed once to load the Chart.js library, which the kit caches.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I log data or export graphs for a science exhibition?\u003c\/summary\u003e\u003cp\u003eThe AI companion includes code snippets to save chart data as CSV and capture screenshots. You can demonstrate your project by simply connecting a display to the same network.\u003c\/p\u003e\u003c\/details\u003e\n\n\u003cdiv class=\"kit-description\"\u003e\n  \u003cp\u003eESP32 WebSocket pushes data to browser. Chart.js renders live line charts with zoom and pan controls.\u003c\/p\u003e\n  \u003ch4\u003eWhat's in this kit\u003c\/h4\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/esp32-30-pin-development-board-cp2102-wifi-bluetooth\"\u003eESP32 Dev Board\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/dht22-temperature-humidity-sensor-module-accurate-readings\"\u003eDHT22\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/bmp280-barometric-pressure-temperature-sensor-module-compodenin\"\u003eBMP280\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/gy-30-bh1750fvi-light-intensity-sensor-module-for-arduinoesp\"\u003eBH1750\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003e\n\u003ca href=\"\/products\/resistor-variety-pack-100-pcs-10-values-14w-carbon-film\"\u003e4.7kΩ Resistors\u003c\/a\u003e x5\u003c\/li\u003e\n    \u003cli\u003e\n\u003ca href=\"\/products\/capacitor-variety-pack-6-values-100nf-to-470uf-30-pieces\"\u003e100nF Caps\u003c\/a\u003e x5\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/breadboard-standard-bundle-830400-tie-points-for-prototyping\"\u003e400-pt Breadboard\u003c\/a\u003e\u003c\/li\u003e\n    \u003cli\u003eM-M Wires x20\u003c\/li\u003e\n    \u003cli\u003e\u003ca href=\"\/products\/microusb-cable-1m-charging-data-cord-for-arduino-android\"\u003eMicro USB Cable\u003c\/a\u003e\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is included in the Live Sensor Data Web Charts Kit with ESP32 + DHT22?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The Live Sensor Data Web Charts Kit with ESP32 + DHT22 includes all components needed: ESP32 Dev Board, DHT22, BMP280, BH1750, 4.7kΩ Resistors and more. Everything is pre-tested for compatibility and shipped from Bengaluru, India.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What skill level is required for the Live Sensor Data Web Charts Kit with ESP32 + DHT22?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"This kit is designed for Intermediate level makers, suitable for ages 15-18. ESP32 WebSocket pushes data to browser. Chart.js renders live line charts with zoom and pan controls. Estimated build time is 3-4 hrs.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can I buy the Live Sensor Data Web Charts Kit with ESP32 + DHT22 online in India?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, the Live Sensor Data Web Charts Kit with ESP32 + DHT22 is available online at Compoden (compoden.in), India's AI-powered electronics and robotics store. Ships from Bengaluru in 1-5 business days across India.\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Product\",\n  \"name\": \"Live Sensor Data Web Charts Kit with ESP32 + DHT22\",\n  \"description\": \"ESP32 WebSocket pushes data to browser. Chart.js renders live line charts with zoom and pan controls.\",\n  \"sku\": \"CDN-KIT-2041\",\n  \"brand\": {\"@type\": \"Brand\", \"name\": \"Compoden\"},\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"url\": \"https:\/\/compoden.in\/products\/kit-live-sensor-data-web-charts\",\n    \"priceCurrency\": \"INR\",\n    \"price\": \"1405\",\n    \"availability\": \"https:\/\/schema.org\/InStock\",\n    \"seller\": {\"@type\": \"Organization\", \"name\": \"Compoden\"}\n  },\n  \"category\": \"Data \u0026 Visualization\"\n}\n\u003c\/script\u003e","brand":"Compoden","offers":[{"title":"Default Title","offer_id":53469307797869,"sku":"CDN-KIT-2041","price":1590.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/3997\/5533\/files\/kit-live-sensor-data-web-charts.png?v=1781947607","url":"https:\/\/compoden.com\/products\/kit-live-sensor-data-web-charts","provider":"Compoden","version":"1.0","type":"link"}