Grafische Darstellung Solarthermie

Allgemein
,
1

Hallo,

meine Solarthermie sowie meine Heizung habe ich mittels Sensoren in Home Assistant eingebunden. Das klappt soweit ganz gut - nur gefällt mir die Darstellung nicht so richtig.

image
image2016×986 104 KB

Für die PV-Anlage nutze ich die Darstellung der Power-Flow-Card (custom:power-flow-card).

image
image806×624 38.4 KB

Kennt jemand etwas vergleichbares, zur Darstellung der Solarthermie? Oder eine andere optisch ansprechende Darstellung?
Ggf. so etwas?

image
image1552×1260 116 KB

2

ich weiß nicht ob es sich schon erledigt hat bei mir sieht das so aus
image

3

Danke. Ich hatte zwischenzeitlich ebenfalls auf ein picture-elements gesetzt und so etwas hinbekommen:

image
image1284×1128 81.3 KB

4

Hallo
Wie hast Du das hinbekommen?
Würde das Gerne auch bei mir so darstellen.

5

Ich habe folgende den Code verwendet. Die Entitäten müssen allerdings angepasst werden.


type: picture-elements
image: /api/image/serve/120e3021e91bbe87d67809ef4fe7388e/512x512
elements:
  - type: state-label
    entity: sensor.km2_40a36bce19e1_pump_speed_relay_2
    tap_action:
      action: none
    hold_action:
      action: none
    style:
      left: 18%
      top: 73%

  - type: state-label
    entity: sensor.km2_kollektortemperatur
    style:
      left: 43%
      top: 20%

  - type: state-label
    entity: sensor.bsb_lan_trinkwassertemperatur_oben_istwert
    style:
      left: 93%
      top: 34.5%

  - type: state-label
    entity: sensor.km2_pufferspeicher_temperatur_unten
    style:
      left: 93%
      top: 71%

  - type: icon
    icon: mdi:white-balance-sunny
    style:
      left: 10%
      top: 15%
      color: yellow
      transform: scale(2, 2)
    tap_action:
      action: none
    hold_action:
      action: none

  - type: state-label
    entity: sensor.bsb_lan_aussentemperatur_heizung
    style:
      left: 10%
      top: 35%
      color: yellow
6

Picture element card

darauf kannst du dann die Entitäten plazieren ist zwar ein wenig eine Spielerei aber klappt ganz gut

8

@Sebastian15 Herzlichen für die Informationen inkl. Code und Bild! Hier meine Version, falls sie auch noch jemand aufgreifen will, PSD-Datein kann ich leider nicht anhängen.

906749294
906749294395×305 67.3 KB

Solarthermie_eigeneGrafik_PA1
Solarthermie_eigeneGrafik_PA11297×988 97.6 KB

type: picture-elements
image: media-source://media_source/local/Solarthermie_eigeneGrafik_PA1.png
elements:
  - type: state-label
    entity: sensor.dachkollektor
    style:
      left: 42.2%
      top: 26.3%
  - type: state-label
    entity: sensor.speicher_oben
    style:
      left: 93%
      top: 41.2%
  - type: state-label
    entity: sensor.speicher_unten
    style:
      left: 93%
      top: 77.1%
  - type: state-label
    entity: binary_sensor.pumpe
    style:
      left: 20%
      top: 81%
9

Morgen
Auissagekräftig wird erst wenn man den ganzen Heizraum darstellt:

greez
bb

10

Hey, ich bin gerade dabei meine Heizung (Gasheizung mit Solarthermie) in Homeassistant abzubilden. Dazu habe ich mir ein Gateway EMS-ESP angeschaltet und kann in Homeassistant alle Entitäten anzeigen. Beim Suchen nach einer grafischen Grundlage bin ich auf deinen Beitrag gestoßen. Deine Darstellung ist der Hammer. Mit welchem Tool oder wie überhaupt hast du das gemacht?

11

Supergrafik​:+1:

kannst du einen Tip geben, wie du das gebaut hast.