Nu ik je heb laten zien hoe we op diverse manieren de stroomprijs kunnen binnenhalen, via Ensto-e Add-on, EnergyZero via de configuration.yaml-bestand en Nordpool Add-on, is het hoog tijd om deze data zichtbaar te maken. En wat is een betere manier om dit te doen dan via een LoveLace Dashboard in Home Assistant?

Wat is een LoveLace Dashboard?

Voor degenen die het niet weten: LoveLace is het UI-framework van Home Assistant waarmee je je eigen dashboards kunt bouwen. Het stelt je in staat om met eenvoudige configuraties de informatie weer te geven die je wilt zien.

Waarom dit Dashboard?

In dit dashboard gaan we een overzicht maken van de elektriciteitsprijzen, zowel voor vandaag als voor morgen. Om dit te doen, maken we gebruik van twee kolommen in een grid en de flex-table-card add-on.

Grid en Twee Kolommen

We maken gebruik van een grid met twee kolommen om onze informatie netjes en overzichtelijk te ordenen. Een grid in LoveLace betekent niets meer dan een rooster waarin je je kaarten kunt plaatsen. Het verdeelt je ruimte in gelijke delen voor een strakke layout.

Flex-table-card Add-on

flex-table-card is een custom kaarttype voor LoveLace. Met deze add-on kun je complexere tabellen maken dan met de standaard ingebouwde tabellen van LoveLace. Het biedt meer controle over wat en hoe je informatie wilt weergeven.

Code-uitleg

Hier is de YAML-code voor de configuratie:

square: false
type: grid
view_layout:
  grid-area: colc
columns: 2
cards:
  - type: custom:flex-table-card
    ...
  - type: custom:flex-table-card
    ...

• square: false: Dit zorgt ervoor dat de kaarten niet vierkant zijn.

• type: grid: Hiermee definiëren we dat we een grid willen gebruiken.

• view_layout: grid-area: colc: Dit is voor het positioneren van het grid in een specifieke gebied.

• columns: 2: Dit geeft aan dat we twee kolommen willen hebben.

Electriciteitsprijzen Kaart

We maken twee bijna identieke kaarten, één voor vandaag (raw_today) en één voor morgen (raw_tomorrow).

  - type: custom:flex-table-card
    title: Electriciteitsprijzen (€/kwh)
    max_rows: 24
    entities:
      include: sensor.nordpool_kwh_nl_eur_5_10_0
    columns:
      - name: Tijd
        data: raw_today
        modify: >-
          x.start.split('T')[1].split(':')[0] + ':' +
          x.start.split('T')[1].split(':')[1]
      - name: Prijs inkoop
        data: raw_today
        modify: '"€ " + Number(x.value).toFixed(5)'
      - name: Prijs all-in
        data: raw_today
        modify: '"€ " + (Number((x.value)+0.12599+0.0175)*1.21).toFixed(5)'
  - type: custom:flex-table-card
    title: Electriciteitsprijzen (€/kwh)
    max_rows: 24
    entities:
      include: sensor.nordpool_kwh_nl_eur_5_10_0
    columns:
      - name: Tijd
        data: raw_tomorrow
        modify: >-
          x.start.split('T')[1].split(':')[0] + ':' +
          x.start.split('T')[1].split(':')[1]
      - name: Prijs inkoop
        data: raw_tomorrow
        modify: '"€ " + Number(x.value).toFixed(5)'
      - name: Prijs all-in
        data: raw_tomorrow
        modify: '"€ " + (Number((x.value)+0.12599+0.0175)*1.21).toFixed(5)'

• type: custom:flex-table-card: Hiermee geven we aan dat we een flex-table-card willen gebruiken.

• title: Electriciteitsprijzen (€/kwh): De titel van onze kaart.

• max_rows: 24: Dit is het maximum aantal rijen dat we willen weergeven.

Kolommen

We hebben drie kolommen: Tijd, Prijs inkoop en Prijs all-in.

• Tijd: Hier halen we de tijd uit de raw_today of raw_tomorrow data.

• Prijs inkoop: Dit is de basisprijs die we uit dezelfde data halen.

• Prijs all-in: Dit is de totaalprijs, inclusief alle toeslagen en belastingen.

Helaas kunnen we niet met input_numbers werken in flex-table-card, dus we gebruiken hier vaste waarden voor zaken zoals belasting en toeslagen.

Conclusie

Nu weet je precies hoe je een LoveLace Dashboard kunt maken om je elektriciteitsprijzen te monitoren in Home Assistant. Met de combinatie van een grid layout en de krachtige flex-table-card add-on, wordt het echt een eitje om je data mooi en overzichtelijk te presenteren!