Weather Dashboard - Dwains Dashboard Add-on (more_page)

Weather Dashboard in Home Assistant Dwains Dashboard.

Created by Léon van der Linden

Prerequisite

---

• Make sure you have installed the lovelace mini-graph-card, auto-reload-card, Weather Card, fontawesome icons, Cupertino Icons, Button Card, HA card Weather Conditions, fold-entity-row, multiple-entity-row and the integration Neerslag app. This can be done manually or directly via hacs

Make Home Assistant integration

---

⚠️ Please reboot Home Assistant after config the sensors! ⚠️

Buienradar sensor + Radar map

• Make the Home Assistant integration with Buienradar and OpenUV
• Choose latitude and longtiude from the correct weather station

     # Example configuration.yaml entry
sensor:
  - platform: buienradar
    name: "Apeldoorn"
    # Force 'Meetstation Apeldoorn' to be used:
    latitude: 50.00
    longitude: 5.00
    monitored_conditions:
      - stationname
      - barometerfc
      - barometerfcname
      - conditioncode
      - condition
      - conditiondetailed
      - conditionexact
      - symbol
      - feeltemperature
      - humidity
      - temperature
      - groundtemperature
      - windspeed
      - windforce
      - winddirection
      - windazimuth
      - pressure
      - visibility
      - windgust
      - precipitation
      - irradiance
      - precipitation_forecast_average
      - precipitation_forecast_total
      - rainlast24hour
      - rainlasthour
      # conditions for forecasted data:
      - symbol_1d
      - symbol_2d
      - symbol_3d
      - symbol_4d
      - symbol_5d
      - temperature_1d
      - temperature_2d
      - temperature_3d
      - temperature_4d
      - temperature_5d
      - mintemp_1d
      - rainchance_1d
      - rainchance_2d
      - sunchance_1d
      - sunchance_2d
      - rain_1d
      - rain_2d
      - minrain_1d
      - maxrain_1d
      - windforce_1d
      - windforce_2d
      - windspeed_1d
      - windspeed_2d
      - winddirection_1d
      - winddirection_2d
      - windazimuth_1d
      - windazimuth_2d

# Example configuration.yaml entry
camera:
  - platform: buienradar

Weather Card based on Dark Sky or OpenWeather Map

                  - type: vertical-stack
                    cards:
                      - type: 'custom:weather-card'
                        style: |
                          ha-card {
                            border-radius: 10px;
                            padding-bottom: 10px;
                            background-color: var(--dwains-theme-primary)
                          }
                          :host {
                            --paper-item-icon-color: var(--dwains-theme-accent) !important;
                          }
                          .card-header {
                            padding: 5px 16px;
                            font-size: 15px;
                            font-weight: 700 !important;
                          }
                          #states {
                            padding-top: 0px !important;
                            padding-bottom: 0px !important;
                          }
                          .secondary {
                            color: darkgray !important;
                            margin-left: 2px !important;
                          }
                        entity: weather.thuis_openweathermap_daily
                        current: true
                        details: true
                        forecast: true
                        hourly_forecast: false
                        number_of_forecasts: '5'

Ambee Pollen sensoren

• Make the integration with Ambee Pollen
• Download the file pollen.yaml and place it in youre sensor directory or copy it in to configuration.yaml

OpenUV

• To get the UV index card into the weather dashboard, make sure you have created a API at OpenUV
• After creating the API, install the OpenUV integartion bij clikking on the button below.

KMNI sensor

• Make the integration with KNMI

sensor: 
  - platform: scrape
    resource: https://www.knmi.nl/nederland-nu/weer/waarschuwingen/gelderland #change provincie
    select: "div.alert__heading"
    name: "knmi weercode"
    scan_interval: 300

  - platform: scrape
    resource: https://www.knmi.nl/nederland-nu/weer/waarschuwingen/gelderland #change provincie
    select: "a.alert__description"
    name: "knmi weer waarschuwing"
    scan_interval: 300    

Moon sensor

• Make the integration with Moon

sensor: 
  - platform: moon   

Season sensor

• Make the integration with Season

sensor: 
  - platform: season  

Sun integration

• Make the integration with Sun

# Example configuration.yaml entry
sun:

Installation Add-on

---

• Copy the weather folder in to the dwains-dashboard/addons/more_page directory.
• Open your more_page.yaml file in dwains-dashboard/configs and add the following;

  - name: Weather
    main_menu: 'true' #Show this addon in the main navigation bar!
    icon: fas:cloud-sun-rain
    path: 'dwains-dashboard/addons/more_page/weather/page.yaml'

• Reload the theme configuration via Theme Settings

Replace the following

---

• If some sensors not showing after this manual, please add the correct sensor to monitor
• The dashboard will refresh every 10 minutes. When you want to skip this, delete the code between line 80 till 82

 - cards:
   Refresh: null
   type: 'custom:auto-reload-card'
   delay_in_minute: 10

Result

---

---

Enjoy my card? Help me out for a couple of 🍻 or a ☕!