[{"_1":2,"_174":-5,"_175":-5},"loaderData",{"_3":4,"_13":14,"_21":22,"_147":148},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","routes/_layout",{"_15":-5,"_16":17,"_18":17,"_19":11,"_20":11},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_23":24,"_25":-5,"_26":11,"_27":11,"_28":29,"_30":31,"_32":-5,"_33":11,"_34":35,"_84":-5,"_85":86,"_138":-5,"_139":11,"_140":17,"_141":11,"_142":-5,"_143":11,"_144":-5,"_145":146},"canonicalUrl","https://hub.docker.com/r/webyhomelab/air-quality-dashboard/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","webyhomelab","reponame","air-quality-dashboard","cloudBuildSource","isAutobuildsAvailable","repo",{"_36":37,"_38":39,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":51,"_53":31,"_28":29,"_54":55,"_56":-5,"_57":58,"_59":58,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":11,"_68":29,"_69":70,"_75":11,"_76":77,"_81":29,"_82":83},"categories",[],"content_types",[40],"image","date_registered","2026-06-02T20:21:02.741851Z","description","","is_private","last_updated","2026-06-03T07:42:08.642212Z","last_modified","2026-06-03T08:31:55.980285Z","media_types",[52],"application/vnd.oci.image.index.v1+json","name","pull_count",228,"repository_type","star_count",1,"status","status_description","active","source","collaborator_count",0,"full_description","

\n \n $\"English$ \n \n \n $\"Українська$ \n \n

\n\n
\n\n# 🌬️ Air Quality & Weather Bento Dashboard\n\n

\n $\"Docker$ \n $\"Latest$ \n $\"License\"$ \n

\n\n

\n $\"Dashboard$ \n

\n\n---\n\n## 🎯 What is this?\n\n**Air Quality Dashboard** is a modern, lightweight, and responsive web application designed to track air quality metrics and local weather patterns in real-time. Initially crafted for the residents of Kyiv (Southern Borshchahivka), it has evolved into a fully dynamic platform that adapts to any environmental monitoring station globally, querying and mapping variables on the fly.\n\nBuilt on top of a beautiful **Glassmorphism Bento design**, it fits seamlessly on all screens, offering premium UX and Progressive Web App (PWA) integration for native-like usage on mobile devices.\n\n---\n\n## ✨ Key Features\n\n- **📊 Dynamic Monitoring:** Pulls data every 10 minutes from the **SaveEcoBot API** for any station configured via `STATION_ID`.\n- **🗺️ Geolocation Weather:** Coordinates are resolved dynamically from the station's metadata and passed directly to **Open-Meteo API** to calculate wind and local temperature metrics.\n- **📈 Trend Visualizations:** Displays hourly historical changes over the last 24 hours and daily averages over the past 7 days.\n- **🧪 Detailed Analytics:** Tracks AQI, PM2.5, PM10, PM1, Gamma-background Radiation, CO2, NO2, O3, SO2, Temp, Humidity, Pressure, and Ambient Noise.\n- **📱 PWA & Offline Support:** Service Workers cache static assets and latest measurements, allowing offline readability.\n- **🔍 Automated SEO & Metadata:** Dynamically generates pages, robots.txt, sitemaps, and Open Graph previews tailored for the target station and domain.\n\n---\n\n## 🚀 Deployment (Docker Compose)\n\nCreate a `docker-compose.yml` file:\n\n```yaml\nversion: '3.8'\n\nservices:\n air-quality-dashboard:\n image: webyhomelab/air-quality-dashboard:latest\n container_name: air-quality-dashboard\n restart: unless-stopped\n ports:\n - \"8000:8000\"\n environment:\n - STATION_ID=24185 # Your SaveEcoBot Station ID\n - DOMAIN=ecobot-2.srvrs.top # Your public hostname for SEO\n - TZ=Europe/Kyiv\n volumes:\n - ./history.json:/app/history.json\n```\n\nInitialize an empty history database file to prevent Docker from creating it as a directory:\n\n```bash\necho '{}' > history.json\ndocker compose up -d\n```\n\nAccess the dashboard at `http://localhost:8000`.\n\n---\n\n## 🇺🇦 Розгортання українською\n\nДля швидкого запуску дашборду створіть файл конфігурації `docker-compose.yml` (див. приклад вище). Створіть порожній файл бази даних історії на хості перед стартом:\n\n```bash\necho '{}' > history.json\ndocker compose up -d\n```\n\nДашборд автоматично підтягне назву та координати вашої еко-станції SaveEcoBot та прогноз погоди. Доступний на порту `8000` вашого хоста.\n\n---\n

\n Made with ❤️ in Kyiv under air raid sirens and blackouts.
\n Weby Homelab - Your Environment, Under Your Control.\n

\n","has_starred","hub_user","immutable_tags_settings",{"_71":11,"_72":73},"enabled","rules",[74],".*","is_automated","permissions",{"_78":17,"_79":11,"_80":11},"read","write","admin","user","storage_size",54910539,"orgData","recentTags",[87,131],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_46":120,"_121":90,"_122":29,"_123":52,"_53":124,"_125":126,"_127":105,"_128":120,"_129":61,"_130":17},"content_type","creator",39934067,"digest","sha256:bb8356249f9f5ae0f30544dca3d2563bdd2a435748b4236737002a2ea8bc8fd6","full_size",53825699,"id",1185567932,"images",[99,114],{"_100":101,"_91":102,"_103":44,"_104":105,"_106":107,"_108":109,"_110":44,"_111":-5,"_112":94,"_59":61,"_113":-5},"architecture","amd64","sha256:3613a6f2770c32b62eea32f47abd5bbdafdb676de07c1dc604f38c15b5313f4a","features","last_pulled","2026-09-23T22:54:19.833826607Z","last_pushed","2026-06-03T07:42:02.268124893Z","os","linux","os_features","os_version","size","variant",{"_100":115,"_91":116,"_103":44,"_104":117,"_106":118,"_108":115,"_110":44,"_111":-5,"_112":119,"_59":61,"_113":-5},"unknown","sha256:cafbded77c1fe2a17a754c2fa218e1c362d33bf1a4532fc90b8807b0dbd5d776","2026-09-23T22:54:19.818929653Z","2026-06-03T07:42:02.232723339Z",1553,"2026-06-03T07:42:07.196671Z","last_updater","last_updater_username","media_type","latest","repository",31336287,"tag_last_pulled","tag_last_pushed","tag_status","v2",{"_88":40,"_89":90,"_91":92,"_93":94,"_95":132,"_97":133,"_46":136,"_121":90,"_122":29,"_123":52,"_53":137,"_125":126,"_127":105,"_128":136,"_129":61,"_130":17},1185567892,[134,135],{"_100":101,"_91":102,"_103":44,"_104":105,"_106":107,"_108":109,"_110":44,"_111":-5,"_112":94,"_59":61,"_113":-5},{"_100":115,"_91":116,"_103":44,"_104":117,"_106":118,"_108":115,"_110":44,"_111":-5,"_112":119,"_59":61,"_113":-5},"2026-06-03T07:42:03.739056Z","0.2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"routes/_layout.r.$namespace.$reponame.tags",{"_34":149,"_156":157,"_145":172,"_173":11},{"_36":150,"_38":151,"_41":42,"_43":44,"_45":11,"_46":47,"_48":49,"_50":152,"_53":31,"_28":29,"_54":55,"_56":-5,"_57":58,"_59":58,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":11,"_68":29,"_69":153,"_75":11,"_76":155,"_81":29,"_82":83},[],[40],[52],{"_71":11,"_72":154},[74],{"_78":17,"_79":11,"_80":11},"tags",{"_158":159,"_160":-5,"_161":-5,"_162":163},"count",2,"next","previous","results",[164,168],{"_88":40,"_89":90,"_91":92,"_93":94,"_95":96,"_97":165,"_46":120,"_121":90,"_122":29,"_123":52,"_53":124,"_125":126,"_127":105,"_128":120,"_129":61,"_130":17},[166,167],{"_100":101,"_91":102,"_103":44,"_104":105,"_106":107,"_108":109,"_110":44,"_111":-5,"_112":94,"_59":61,"_113":-5},{"_100":115,"_91":116,"_103":44,"_104":117,"_106":118,"_108":115,"_110":44,"_111":-5,"_112":119,"_59":61,"_113":-5},{"_88":40,"_89":90,"_91":92,"_93":94,"_95":132,"_97":169,"_46":136,"_121":90,"_122":29,"_123":52,"_53":137,"_125":126,"_127":105,"_128":136,"_129":61,"_130":17},[170,171],{"_100":101,"_91":102,"_103":44,"_104":105,"_106":107,"_108":109,"_110":44,"_111":-5,"_112":94,"_59":61,"_113":-5},{"_100":115,"_91":116,"_103":44,"_104":117,"_106":118,"_108":115,"_110":44,"_111":-5,"_112":119,"_59":61,"_113":-5},[],"canDeleteTags","actionData","errors"]

webyhomelab/air-quality-dashboard

Tags for webyhomelab/air-quality-dashboard