⚠️ If you're a cold-start session: read HANDOFF.md FIRST. It contains the complete current state, in-flight work, credentials (redacted), and next actions after a server kill.
Goal: A Home Assistant smart-screen kiosk on a Raspberry Pi 5 + Freenove 7" touchscreen, showing gorgeous hour-by-hour weather with wind + precipitation. This is the durable reference for later. Prioritized — start from the top.
dashboard.html is a working standalone single-file weather kiosk (no HA dependency):
- Fetches Open-Meteo directly (no API key) for current temp/feels-like/condition, wind, humidity, sunrise/sunset, 24h hourly strip, precip bar graph (12h↔24h tap toggle), 3-day forecast.
- Environment Canada radar overlay via WMS (
service=WMS&version=1.3.0&CRS=EPSG:3857, layerRADAR_COVERAGE_RRAI). - Animated generative background (
#bgcanvas, 2D canvas): sun as disc + glow halo (pen-line rays REMOVED — see HANDOFF.md), soft cumulus clouds (merged opaque silhouette + shaded underside), slanted rain, snow, night stars+moon — weather-reactive. - Layout: greeting (bold + emoji), main temp with ° unit, H/L as a stacked fraction, clock, hourly strip, precip chart, radar.
Deploy files (in this repo):
dashboard.html— the kiosk page (copy to/home/jaita/dashboard.htmlon the Pi).weather-kiosk.service— systemd user unit (Chromium fullscreen kiosk, Wayland, reboot-safe).- Note: runs Chromium with
--disable-gpu→ WebGL is disabled on the live kiosk; the animated background must stay 2D canvas unless that flag is removed.
- Note: runs Chromium with
dashboard.yaml— the HA/Lovelace YAML (future HA layer).
Manage on the Pi: systemctl --user restart|status|stop weather-kiosk.service (with XDG_RUNTIME_DIR=/run/user/1000).
Met.no (built-in, NO API key) already provides:
- per-entity hourly forecasts
- current wind speed, wind gust, wind bearing
- forecast precipitation + precipitation probability
So you do NOT need OpenWeather's paid key for hour-by-hour temp/wind/precip.
Met.no alone is sufficient. Several cards below work straight off weather.* entities from Met.no.
| Rank | Card | Repo | Install | Polish | Why pick |
|---|---|---|---|---|---|
| 1 | Weather Forecast Card | troinine/ha-weather-forecast-card |
HACS (Dashboard) | ★★★★★ | Scrollable hourly list/chart; tap-toggle hourly↔daily; precip amounts; wind dir/bearing + precip prob extra attrs; GUI editor. Best single "hourly+wind+precip" card for small touchscreen. |
| 2 | Weather Forecast Extended | Thyraz/weather-forecast-extended |
HACS custom (Dashboard) | ★★★★★ | Hero header (day/night artwork) + daily & hourly lists; precip highlighted; sunrise/sunset; wind via hourly_extra_attribute: wind_gust_speed. Vertical = perfect for portrait 7". Prettiest "dashboard" look. |
| 3 | RadarWise | TheWillMiller/radar-wise (renamed from weather-wise) |
HACS default | ★★★★☆ | Hourly strip + daily; precip probability; wind overrides; humidity; built-in radar (NOAA/EnvCanada/BOM/RainViewer, no key); layout/density presets for wall panels & small screens. Most kiosk-friendly + radar. |
| 4 | Hourly Weather Card | decompil3d/lovelace-hourly-weather |
HACS (Frontend) | ★★★★☆ | Colored horizontal bar, one segment/hour; per-segment wind/precip/humidity; num_segments: 18 → 24h+. Best lightweight "hour-by-hour bar" — pairs with a hero card. |
| 5 | Weather Chart Card | mlamberts78/weather-chart-card |
HACS | ★★★☆ | Plotted Apex-style graphs (temp/wind/rain lines) if you prefer charts over icon rows. |
| 6 | Weather Conditions Card | r-renato/ha-card-weather-conditions |
HACS default | ★★★★☆ | All-in-one (marine/UV/pollen/alerts) but heavy setup, needs custom integration. Overkill for simple kiosk. |
| 7 | dkduck Weather-forecast-Card | dkduck/Weather-forecast-Card |
copy YAML + button-card |
★★★☆ | Met.no-specific, but needs REST + template sensors (more manual assembly). |
| 8 | Built-in weather-forecast |
— (core) | zero install | ★★☆ | Pick Daily/Hourly/Twice-daily; secondary attr. Baseline fallback, not gorgeous. |
Links:
- https://github.com/troinine/ha-weather-forecast-card
- https://github.com/Thyraz/weather-forecast-extended
- https://github.com/TheWillMiller/radar-wise
- https://github.com/decompil3d/lovelace-hourly-weather
- https://github.com/mlamberts78/weather-chart-card
- https://github.com/r-renato/ha-card-weather-conditions
- https://github.com/dkduck/Weather-forecast-Card
bdunn44/kitchen-dashboard— glass-morphism wall-tablet dashboard (Bubble Card + Streamline), portrait/vertical oriented — closest ready-made look for a 7" touchscreen. https://github.com/bdunn44/kitchen-dashboard- vdbrink "Home Assistant dashboard: Weather" — copy-paste YAML combining Hourly Weather Card + Windy.com embed + Weather Chart Card + animated/clock cards. https://vdbrink.github.io/homeassistant/homeassistant_dashboard_weather.html
jlnbln/My-HA-Dashboard— full dashboard.yaml with kiosk-mode toggle; adapt entities. https://github.com/jlnbln/My-HA-DashboardSquale76/home-assistant-configuration— complete HA config w/ Lovelace default dashboard.yaml (weather view). https://github.com/Squale76/home-assistant-configuration
- Pi ≠ Android → skip Fully Kiosk Browser; use a Chromium-based kiosk instead.
maykar/kiosk-mode(HACS Frontend) — hides HA header/sidebar;custom_width: 768,?disable_kmto exit temporarily. https://github.com/maykar/kiosk-modetomsepe/pi-weather-dashboard— standalone Chromium kiosk tuned for 800x480 (Pi 4/5 + 7" DSI) w/ screensaver + systemd service — basically our exact build. https://github.com/tomsepe/pi-weather-dashboard- WakeOnPi — Pi 5 + Touch Display 2 kiosk launcher (motion wake, low idle power, HA controls). https://community.home-assistant.io/t/wakeonpi-a-raspberry-pi-home-assistant-dashboard/1007392
- Layout: 7" = 800x480 (portrait) → vertical orientation,
grid_options: columns: 18, one hero card + one hourly strip stacked (not side-by-side).
- Met.no is enough for hourly temp/wind/precip — no OpenWeather key needed unless you want minute-level nowcast (Weather Forecast Extended
nowcast_entityneeds OpenWeather/DWD) or richer data. - Cards needing configured sensors (not just
weather.*): RadarWise local overrides, Weather Conditions Card (custom integration), dkduck cards (REST + template sensors), platinum/animated cards (entity_wind_speed,entity_wind_bearing). - Hourly requirement: cards 1–4 need an hourly forecast from the weather entity — Met.no supplies it natively, so no extra setup.
- RadarWise (or Weather Forecast Extended as hero) — the main weather panel
- Hourly Weather Card — the hour-by-hour strip
maykar/kiosk-mode— hide HA chrome for the kiosk screen- Chromium kiosk on the Pi (tomsepe pattern or custom) — fullscreen the dashboard at 800x480
All HACS-installable, all self-hosted, all free via Met.no.
- Finish Pi OS flash + SSH + wire the Freenove 7" screen (touch + rotation verified)
- Install HA (on Pi, or connect as client if HA runs elsewhere)
- Install HACS → add RadarWise + Hourly Weather Card + kiosk-mode
- Build dashboard: hero card + hourly strip stacked, portrait, kiosk-mode
- Launch Chromium kiosk fullscreen; verify touch + rotation at 800x480
Research source: delegated subagent (verified via web_search + curl on GitHub READMEs & official HA docs). web_extract backend was unavailable (search-only), worked around via curl.