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: 10
    icon: 'mdi:weather-rainy'

(update interval is in seconds)

An example in my own UI as a Picture Element: