This is a proof-of-concept dashboard that simulates environmental and air quality readings for live demos and presentations. No hardware is required; data are generated in the browser and auto-refresh every few seconds.
- Status Banner: Shows the overall air quality level (Poor, Normal, Best, Excellent) with a color-coded indicator.
- Gauges: Real-time values for PM2.5, PM10, CO₂, Humidity, and Temperature.
- Comparison Panels: Side-by-side metrics for Urban/Ambient, Garden, and Meteorological.
- Trend Chart: 24-hour line chart for PM2.5, PM10, and CO₂.
- Export: Download the current snapshot as CSV or a PDF screenshot.
The dashboard computes a simplified air quality index (EAQI-like) using PM2.5, PM10, NOx, and CO₂. For demo purposes, we map results to four bands: Excellent, Best, Normal, Poor.
Disclaimer: This is not a medical or regulatory tool. Thresholds are approximate and for illustration only.
To demonstrate changes during a short demo, the app cycles the overall air quality level automatically every ~30 seconds:
- Poor →
- Normal →
- Best →
- Excellent, then repeat.
Each phase adjusts dummy ranges for PM and gases so gauges and panels reflect the level change.
- CSV: Click Export CSV to download current values for Urban, Garden, and Meteorological sections.
- PDF: Click Export PDF to capture a printable snapshot of the dashboard.
- Local: Open
public/index.htmldirectly or run a static server. - AWS S3: Upload the
public/folder to an S3 bucket with website hosting enabled. - AWS EC2: Host via Nginx/Apache on a small instance and copy the files to the web root.
For detailed instructions, see AWS_DEPLOYMENT.md in the repository.
Questions or feedback? Contact your deployment owner or product team.