{"product_id":"esp32-greenhouse-climate-monitor-kit-live-web-dashboard-with-chart-js","title":"ESP32 Greenhouse Climate Monitor Kit - Live Web Dashboard with Chart.js","description":"\u003ch1\u003eGreenhouse Climate Monitor Kit - ESP32 WebSocket Live Dashboard with Zoom \u0026amp; Pan 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 sensor dashboard development\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eTurn a basic greenhouse into a data-rich environment without any cloud subscriptions. The ESP32 reads DHT22 humidity\/temperature, BMP280 atmospheric pressure, and BH1750 ambient light, then pushes readings instantly to a browser via WebSocket. The included Chart.js script paints live line charts with zoom and pan - you can scroll through hours of data right from a phone or laptop.\u003c\/p\u003e\n\n\u003ch2\u003eWhat You'll Build\u003c\/h2\u003e\n\u003cp\u003eA self-contained wireless dashboard hosted entirely on the ESP32. The page shows four live graphs (temperature, humidity, pressure, light) updating every second. You can zoom into a spike, pan across a full day's history, and watch plant-growing conditions react to ventilation or shade changes - all without refreshing the page.\u003c\/p\u003e\n\n\u003ch2\u003eWhat You'll Learn\u003c\/h2\u003e\n\u003cul\u003e\n  \u003cli\u003eInterface DHT22, BMP280, and BH1750 sensors over I2C and one-wire protocols\u003c\/li\u003e\n  \u003cli\u003eProgram an ESP32 WebSocket server that streams data to multiple clients\u003c\/li\u003e\n  \u003cli\u003eRender responsive, animated line charts using Chart.js with zoom and pan plugins\u003c\/li\u003e\n  \u003cli\u003eDesign a clean HTML\/CSS dashboard that loads directly from the microcontroller's flash memory\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? Resistor\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n    \u003ctr\u003e\n\u003ctd\u003e100nF Capacitor\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\u003eMale-Male Jumper 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\u003eCBSE Class 11-12 students who need a live-monitoring science project, B.Tech ECE\/EEE students preparing for Smart India Hackathon prototypes, ATL Tinkering Lab participants exploring IoT, and IIT\/NIT\/VIT\/BITS makers who want a reliable sensor dashboard without sourcing and validating parts individually.\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 to chat with the AI assistant that knows every wire and code line of this kit. For complex blocks, our WhatsApp human support replies within hours.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eDo I need prior JavaScript or web development experience?\u003c\/summary\u003e\u003cp\u003eNo - the kit includes fully functional HTML\/CSS\/JS files. You learn by observing real-time data and tweaking chart colours or ranges, even as a beginner.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eCan I see the dashboard on my phone while in the garden?\u003c\/summary\u003e\u003cp\u003eYes, the ESP32 serves a responsive webpage. Any device on the same Wi-Fi network can open the live charts with zoom and pan on a mobile browser.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eWhat happens when the Wi-Fi signal drops?\u003c\/summary\u003e\u003cp\u003eThe ESP32 firmware automatically reconnects. Once the Wi-Fi is back, the dashboard resumes live streaming and continues plotting from the last point seamlessly.\u003c\/p\u003e\u003c\/details\u003e\n\n\u003cdiv class=\"kit-description\"\u003e\n  \u003cp\u003eGreenhouse - ESP32 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 Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12 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 Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"This kit is designed for Intermediate level makers, suitable for ages 15-18. Greenhouse - 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 Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12 online in India?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, the Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12 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\": \"Greenhouse Climate Monitor Kit with ESP32 + DHT22 v12\",\n  \"description\": \"Greenhouse - ESP32 WebSocket pushes data to browser. Chart.js renders live line charts with zoom and pan controls.\",\n  \"sku\": \"CDN-KIT-3874\",\n  \"brand\": {\"@type\": \"Brand\", \"name\": \"Compoden\"},\n  \"offers\": {\n    \"@type\": \"Offer\",\n    \"url\": \"https:\/\/compoden.in\/products\/kit-greenhouse-climate-monitor-kit-with-esp32-plus-dht22-v12\",\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":53463925064045,"sku":"CDN-KIT-3874","price":1590.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/3997\/5533\/files\/kit-greenhouse-climate-monitor-kit-with-esp32-plus-dht22-v12.png?v=1781949626","url":"https:\/\/compoden.com\/products\/esp32-greenhouse-climate-monitor-kit-live-web-dashboard-with-chart-js","provider":"Compoden","version":"1.0","type":"link"}