Wie bekomme ich eine praktische Übersicht für mein HomeAssistant?

Hier ein Beispiel von meinem Haus.

• 

• 

• 

Um solch ein Plan zu erstellen, macht ihr euch ein Account bei: https://floorplanner.com/.
Dort könnt ihr dann kostenlos euer Haus oder eure Wohnung nachstellen.

Sobald Ihr dies erledigt habt, exportiert Euch das ganze als Bild. Im Notfall auch einfach via Screenshot.

---

Zurück im HomeAssistant geht Ihr nun zum Supervisor, klickt auf Add-on Store und installiert „Samba share“.
Nach der Installation findet Ihr das Add-on im Dashboard. Dort klickt Ihr dann einmal darauf und sucht oben die „Configuration“. Dort passt Ihr folgende Sachen an.

• Username
• Password

Nun klickt ihr auf „Save“.
Geht zurück zur „Info“ und startet das Add-on.

Nun könnt Ihr via Explorer auf dem HomeAssistant zugreifen und z.B. Bilder einfügen.
Dazu drückt Ihr auf Eurer Tastatur folgende Tasten: Windows + E –> Nun sollte sich der Explorer öffnen.
Bei Schnellzugriff geb Ihr nun folgendes ein: \\homeassistant
Danach solltet Ihr Euer Benutzername und Passwort eingeben, welches Ihr vorher festgelegt habt.

Nun klickt Ihr auf „config“ dann auf „www“. Hier könnt Ihr nun euer Bild einfügen.

type: picture-elements
elements:
  - type: state-badge
    entity: binary_sensor.updater
    style:
      top: 32%
      left: 40%
image: 'local\haus.jpeg'

Bei „Image“ sollte dann ‚local\NAME.FORMAT.‘ stehen

Hier mein Code vom Erdgeschoss:

type: picture-elements
elements:
  - type: image
    entity: switch.XY
    tap_action:
      action: toggle
    style:
      top: 40%
      left: 33%
    state_image:
      'on': /local/lightbulb-on.png
      'off': /local/lightbulb-outline.png
  - type: image
    entity: switch.XY
    tap_action:
      action: toggle
    style:
      top: 65%
      left: 17%
    state_image:
      'on': /local/lightbulb-on.png
      'off': /local/lightbulb-outline.png
  - type: image
    entity: switch.XY
    tap_action:
      action: toggle
    style:
      top: 90%
      left: 30%
    state_image:
      'on': /local/lightbulb-on.png
      'off': /local/lightbulb-outline.png
  - type: image
    entity: switch.XY
    tap_action:
      action: toggle
    style:
      top: 35%
      left: 60%
    state_image:
      'on': /local/lightbulb-on.png
      'off': /local/lightbulb-outline.png
image: local/eg.jpeg

Was alles mit Picture Elements möglich ist, findet Ihr hier: https://www.home-assistant.io/lovelace/picture-elements/