Air Quality Dashboard
A custom HTML5 dashboard that displays real-time temperature and humidity readings from sensors across the apartment. It consumes data from InfluxDB via the Flux query API and visualizes it with Chart.js, auto-refreshing every 30 seconds.
Architecture
The dashboard sits at the end of a sensor data pipeline that starts at physical devices scattered around the flat:
- Sensors HomematicIP room sensors and ESP32 devices with DHT22 sensors publish temperature and humidity readings via MQTT.
- MQTT broker Mosquitto receives the per-device topics and makes them available for subscription.
- Write layer A small subscription service picks up the MQTT messages and writes them into InfluxDB 2.x, tagged by room, device, and measurement type.
- InfluxDB Stores the time-series data in a
sensorenbucket, organized by orgHeimnetzwerk. - Dashboard A static HTML page queries InfluxDB via Flux every 30 seconds, rendering current values and 24-hour historical charts per room.
Rooms covered
The dashboard monitors 10 rooms across the apartment: server room, balcony, living room (desk and iMac areas), kitchen, bathroom, hallway, study, children's room, and bedroom. Each room shows current temperature and humidity, with optional pressure and light-level readings where sensors support it.
Dashboard features
- Current values grid at-a-glance temperature and humidity for every room.
- Historical charts 24-hour temperature and humidity graphs per room with min/max stats.
- Auto-refresh Data updates every 30 seconds without page reload.
- Error handling Graceful fallback when InfluxDB is unreachable, with loading indicators during initial fetch.
- Responsive design Works on phones, tablets, and desktop browsers.
Relationship to other dashboards
The air quality dashboard is a standalone page, separate from the main home dashboard and the Tasmota energy monitoring setup. It shares the same InfluxDB instance and MQTT infrastructure but queries different measurement types (temperature/humidity vs. power/energy). The home dashboard shows a summary of room temperatures alongside energy data, while this dashboard provides the detailed view with historical charts for climate monitoring specifically.