Home Assistant Buienradar Forecast Card

Graph of Buienradars rain forecast

Simple install

1. Download and copy buien-rain-card.js into your config/www directory.

2. Add a reference to buien-rain-card.js inside your ui-lovelace.yaml.

resources:
  - url: /local/buien-rain-card.js
    type: module

Add as a card to your UI

  - type: 'custom:buien-rain-forecast'
    long: 4.8945
    lat: 52.3667
    lineColor: 'rgba(89, 160, 238, 1)'
    fillColor: 'rgba(89, 160, 238, 0.2)'
    update_interval: 300
    icon: 'mdi:weather-rainy'

• update interval is in seconds
• no point in refreshing faster than every 5 minutes, as the source only updates their data in 5-minute intervals.
  (https://www.buienradar.nl/overbuienradar/gratis-weerdata)

An example in my own UI as a Picture Element: