Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Zeigt her eure Lovelace-Visualisierung

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    938

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    689

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

Zeigt her eure Lovelace-Visualisierung

Geplant Angeheftet Gesperrt Verschoben Visualisierung
templatevis
112 Beiträge 33 Kommentatoren 41.4k Aufrufe 49 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • tiobbT tiobb

    @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

    @tiobb

    Eigentlich ist schon alles lovelace.

    Teilweise aber mit custom cards oder html was man sich selber mit einem JS oder Blockly generiert.

    Was ist denn zB ein Bild hier aus dem Topic wo du Interesse an der Umsetzung hast?

    Die sind alle mega, hab mal ein schlichtes von @dontobi gewählt. Ich bekomme nicht einmal den Müll eingebunden, trotz ical und trashschedule. Von HTML hab ich null Ahnung, wie von allem eigentlich 🤣😒

    deceb8bf-5901-46a7-b70a-58745f22aa68-image.png

    c4d6f14c-7911-465c-8d4d-628c5fb122dd-image.png

    d590e698-1eef-4e01-a4b9-b187474ae624-image.png
    69bc5746-8cb3-473c-aff4-221d181efc93-image.png

    bd46cd41-0a54-4009-80ea-6bf6f519fe4e-image.png

    David G.D Online
    David G.D Online
    David G.
    schrieb am zuletzt editiert von David G.
    #102

    @tiobb

    Er hat ja viel dies Entitäten Karte, das mit den ganzen slidern am Rand und den Zahlenwerten.

    Die Heizung ist die [custom simple-thermostat Karte] (https://github.com/nervetattoo/simple-thermostat)

    Für die Mülltonnen hat hier im Forum jmd eine eigene Karte geschrieben, finde ich gtad nicht den link.

    Das Wetter ist die integrierte Karte.

    Die anderen Customcards erkenne ich nicht auf Anhieb. Evtl custom button card.

    EDIT
    Auf html basieren für Tabellen aus meiner Signatur.

    Zeigt eure Lovelace-Visualisierung klick
    (Auch ideal um sich Anregungen zu holen)

    Meine Tabellen für eure Visualisierung klick

    1 Antwort Letzte Antwort
    0
    • tiobbT Offline
      tiobbT Offline
      tiobb
      schrieb am zuletzt editiert von
      #103

      @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

      @tiobb

      Für die Mülltonnen hat hier im Forum jmd eine eigene Karte geschrieben, finde ich gtad nicht den link.

      Du meinst wahrscheinlich diesen Beitrag . Bekomme ich irgendwie nicht hin. Die Daten sehe ich den Objekten, aber ich habe keine Ahnung wie ich das in lovelace eingebunden bekomme, die Karte taucht einfach in lovelace nicht auf obwohl ich die card in lovelace geladen habe.
      Screenshot 2025-07-08 101701.png
      So sieht es momentan aus, mir würde es ja fast reichen wenn ich die einzelnen Kacheln verschieben und in der Größe genau anpassen könnte. Es fehlen aber noch jede Menge Sachen in der Visualisierung. Und das Symbol Lüfter funktioniert auch sehr merkwürdig bis gar nicht. Manchmal zeigt er "An", aber der Lüfter ist eigentlich aus, und anders herum. Manchmal reagiert er gar nicht.
      Screenshot 2025-07-08 101012.png

      Wie bekomme ich z.B. so eine Schaltfläche eingebaut. Nur mit dem Code funktioniert es nicht.
      Screenshot 2025-07-08 103516.png

      Raspberry Pi 4 8gb

      David G.D 1 Antwort Letzte Antwort
      0
      • tiobbT tiobb

        @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

        @tiobb

        Für die Mülltonnen hat hier im Forum jmd eine eigene Karte geschrieben, finde ich gtad nicht den link.

        Du meinst wahrscheinlich diesen Beitrag . Bekomme ich irgendwie nicht hin. Die Daten sehe ich den Objekten, aber ich habe keine Ahnung wie ich das in lovelace eingebunden bekomme, die Karte taucht einfach in lovelace nicht auf obwohl ich die card in lovelace geladen habe.
        Screenshot 2025-07-08 101701.png
        So sieht es momentan aus, mir würde es ja fast reichen wenn ich die einzelnen Kacheln verschieben und in der Größe genau anpassen könnte. Es fehlen aber noch jede Menge Sachen in der Visualisierung. Und das Symbol Lüfter funktioniert auch sehr merkwürdig bis gar nicht. Manchmal zeigt er "An", aber der Lüfter ist eigentlich aus, und anders herum. Manchmal reagiert er gar nicht.
        Screenshot 2025-07-08 101012.png

        Wie bekomme ich z.B. so eine Schaltfläche eingebaut. Nur mit dem Code funktioniert es nicht.
        Screenshot 2025-07-08 103516.png

        David G.D Online
        David G.D Online
        David G.
        schrieb am zuletzt editiert von
        #104

        @tiobb sagte in Zeigt her eure Lovelace-Visualisierung:

        Du meinst wahrscheinlich diesen Beitrag

        Genau.
        Die Karte findest du und er Auflistung nicht. Nimm irgend eine andere Karte und tippe (kopiere) den Text manuell ein. Oder die Karte "Manuell".

        @tiobb sagte in Zeigt her eure Lovelace-Visualisierung:

        mir würde es ja fast reichen wenn ich die einzelnen Kacheln verschieben und in der Größe genau anpassen könnte

        Das geht in Lovelace nicht so einfach und wenn doch nur sehr umständlich.

        Die button Card habe ich noch nie verwendet.
        Evtl am Wochenende mal Zeit die zu probieren.

        Zeigt eure Lovelace-Visualisierung klick
        (Auch ideal um sich Anregungen zu holen)

        Meine Tabellen für eure Visualisierung klick

        1 Antwort Letzte Antwort
        0
        • tiobbT Offline
          tiobbT Offline
          tiobb
          schrieb am zuletzt editiert von
          #105

          @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

          Genau.
          Die Karte findest du und er Auflistung nicht. Nimm irgend eine andere Karte und tippe (kopiere) den Text manuell ein. Oder die Karte "Manuell".

          Danke, habe es hinbekommen, sieht jetzt so aus

          type: horizontal-stack
          cards:
            - type: custom:trashschedule-card
              locale: de-DE
              trashtype: Papiertonne
              trashcolor: sensor.type_papiertonne_color
              daysleft: sensor.type_papiertonne_daysLeft
              date: sensor.type_papiertonne_nextDate
            - type: custom:trashschedule-card
              locale: de-DE
              trashtype: Hausmüll
              trashcolor: sensor.type_hausmuell_color
              daysleft: sensor.type_hausmuell_daysLeft
              date: sensor.type_hausmuell_nextDate
            - type: custom:trashschedule-card
              locale: de-DE
              trashtype: Biomüll
              trashcolor: sensor.type_biomuell_color
              daysleft: sensor.type_biomuell_daysLeft
              date: sensor.type_biomuell_nextDate
            - type: custom:trashschedule-card
              locale: de-DE
              trashtype: gelbeTonne
              trashcolor: sensor.type_gelbeTonne_color
              daysleft: sensor.type_gelbeTonne_daysLeft
              date: sensor.type_gelbeTonne_nextDate
          

          Screenshot 2025-07-08 130748.png

          nur bekomme ich die Sortierung nach nächster Leerung nicht hin, hab den Code im Beitrag entsprechend angepasst, aber da wird mir dann nichts angezeigt

          type: custom:auto-entities
          card:
            type: horizontal-stack
          card_param: cards
          filter:
            include:
              - entity_id: sensor.type_papiertonne_daysLeft
                options:
                  type: custom:trashschedule-card
                  locale: de-DE
                  trashtype: Papiertonne
                  trashcolor: sensor.type_papiertonne_color
                  daysleft: sensor.type_papiertonne_daysLeft
                  date: sensor.type_papiertonne_nextDate
              - entity_id: sensor.type_hausmuell_daysLeft
                options:
                  type: custom:trashschedule-card
                  locale: de-DE
                  trashtype: Hausmülll
                  trashcolor: sensor.type_hausmuell_color
                  daysleft: sensor.type_hausmuell_daysLeft
                  date: sensor.type_hausmuell_nextDate
              - entity_id: sensor.type_biomuell_daysLeft
                options:
                  type: custom:trashschedule-card
                  locale: de-DE
                  trashtype: Biomüll
                  trashcolor: sensor.type_biomuell_color
                  daysleft: sensor.type_biomuell_daysLeft
                  date: sensor.type_biomuell_nextDate
              - entity_id: sensor.type_gelbeTonne_daysLeft
                options:
                  type: custom:trashschedule-card
                  locale: de-DE
                  trashtype: gelbeTonne
                  trashcolor: sensor.type_gelbeTonne_color
                  daysleft: sensor.type_gelbeTonne_daysLeft
                  date: sensor.type_gelbeTonne_nextDate
          sort:
            method: state
            numeric: true
          

          Raspberry Pi 4 8gb

          David G.D 1 Antwort Letzte Antwort
          0
          • tiobbT tiobb

            @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

            Genau.
            Die Karte findest du und er Auflistung nicht. Nimm irgend eine andere Karte und tippe (kopiere) den Text manuell ein. Oder die Karte "Manuell".

            Danke, habe es hinbekommen, sieht jetzt so aus

            type: horizontal-stack
            cards:
              - type: custom:trashschedule-card
                locale: de-DE
                trashtype: Papiertonne
                trashcolor: sensor.type_papiertonne_color
                daysleft: sensor.type_papiertonne_daysLeft
                date: sensor.type_papiertonne_nextDate
              - type: custom:trashschedule-card
                locale: de-DE
                trashtype: Hausmüll
                trashcolor: sensor.type_hausmuell_color
                daysleft: sensor.type_hausmuell_daysLeft
                date: sensor.type_hausmuell_nextDate
              - type: custom:trashschedule-card
                locale: de-DE
                trashtype: Biomüll
                trashcolor: sensor.type_biomuell_color
                daysleft: sensor.type_biomuell_daysLeft
                date: sensor.type_biomuell_nextDate
              - type: custom:trashschedule-card
                locale: de-DE
                trashtype: gelbeTonne
                trashcolor: sensor.type_gelbeTonne_color
                daysleft: sensor.type_gelbeTonne_daysLeft
                date: sensor.type_gelbeTonne_nextDate
            

            Screenshot 2025-07-08 130748.png

            nur bekomme ich die Sortierung nach nächster Leerung nicht hin, hab den Code im Beitrag entsprechend angepasst, aber da wird mir dann nichts angezeigt

            type: custom:auto-entities
            card:
              type: horizontal-stack
            card_param: cards
            filter:
              include:
                - entity_id: sensor.type_papiertonne_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Papiertonne
                    trashcolor: sensor.type_papiertonne_color
                    daysleft: sensor.type_papiertonne_daysLeft
                    date: sensor.type_papiertonne_nextDate
                - entity_id: sensor.type_hausmuell_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Hausmülll
                    trashcolor: sensor.type_hausmuell_color
                    daysleft: sensor.type_hausmuell_daysLeft
                    date: sensor.type_hausmuell_nextDate
                - entity_id: sensor.type_biomuell_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Biomüll
                    trashcolor: sensor.type_biomuell_color
                    daysleft: sensor.type_biomuell_daysLeft
                    date: sensor.type_biomuell_nextDate
                - entity_id: sensor.type_gelbeTonne_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: gelbeTonne
                    trashcolor: sensor.type_gelbeTonne_color
                    daysleft: sensor.type_gelbeTonne_daysLeft
                    date: sensor.type_gelbeTonne_nextDate
            sort:
              method: state
              numeric: true
            
            David G.D Online
            David G.D Online
            David G.
            schrieb am zuletzt editiert von
            #106

            @tiobb

            Das ist meine Karte

            Da klappt es.

            type: custom:auto-entities
            card:
              type: horizontal-stack
            card_param: cards
            filter:
              include:
                - entity_id: sensor.type_papiermuell_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Papiermüll
                    trashcolor: sensor.type_papiermuell_color
                    daysleft: sensor.type_papiermuell_daysLeft
                    date: sensor.type_papiermuell_nextDate
                - entity_id: sensor.type_biomuell_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Biomüll
                    trashcolor: sensor.type_biomuell_color
                    daysleft: sensor.type_biomuell_daysLeft
                    date: sensor.type_biomuell_nextDate
                - entity_id: sensor.type_gelberSack_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Gelber_Sack
                    trashcolor: sensor.type_gelberSack_color
                    daysleft: sensor.type_gelberSack_daysLeft
                    date: sensor.type_gelberSack_nextDate
                - entity_id: sensor.type_restmuell_daysLeft
                  options:
                    type: custom:trashschedule-card
                    locale: de-DE
                    trashtype: Restmüll
                    trashcolor: sensor.type_restmuell_color
                    daysleft: sensor.type_restmuell_daysLeft
                    date: sensor.type_restmuell_nextDate
            sort:
              method: state
              numeric: true
            

            Hatte anfangs aber auch Probleme mit dem Sortieren. Hatte glaube irgendwo einen Rechtschreibfehler. War auch im Entsprechenden Topic.

            Zeigt eure Lovelace-Visualisierung klick
            (Auch ideal um sich Anregungen zu holen)

            Meine Tabellen für eure Visualisierung klick

            1 Antwort Letzte Antwort
            0
            • tiobbT Offline
              tiobbT Offline
              tiobb
              schrieb am zuletzt editiert von
              #107

              @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

              @tiobb

              Das ist meine Karte

              Da klappt es.

              Hatte anfangs aber auch Probleme mit dem Sortieren. Hatte glaube irgendwo einen Rechtschreibfehler. War auch im Entsprechenden Topic.

              Hab es probiert, funktioniert nicht. Kann das etwas mit der auto-entities.js zu tun haben? Eine Fehlermeldung bekomme ich nicht.
              Bild_2025-07-08_153450062.png

              Raspberry Pi 4 8gb

              David G.D 1 Antwort Letzte Antwort
              0
              • tiobbT tiobb

                @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                @tiobb

                Das ist meine Karte

                Da klappt es.

                Hatte anfangs aber auch Probleme mit dem Sortieren. Hatte glaube irgendwo einen Rechtschreibfehler. War auch im Entsprechenden Topic.

                Hab es probiert, funktioniert nicht. Kann das etwas mit der auto-entities.js zu tun haben? Eine Fehlermeldung bekomme ich nicht.
                Bild_2025-07-08_153450062.png

                David G.D Online
                David G.D Online
                David G.
                schrieb am zuletzt editiert von
                #108

                @tiobb

                Da weiß ich jetzt auch nicht.
                Evtl hat @cookingeek eine Idee.

                Zeigt eure Lovelace-Visualisierung klick
                (Auch ideal um sich Anregungen zu holen)

                Meine Tabellen für eure Visualisierung klick

                tiobbT 1 Antwort Letzte Antwort
                0
                • David G.D David G.

                  @tiobb

                  Da weiß ich jetzt auch nicht.
                  Evtl hat @cookingeek eine Idee.

                  tiobbT Offline
                  tiobbT Offline
                  tiobb
                  schrieb am zuletzt editiert von
                  #109

                  @david-g sagte in Zeigt her eure Lovelace-Visualisierung:

                  @tiobb

                  Da weiß ich jetzt auch nicht.
                  Evtl hat @cookingeek eine Idee.

                  Ich bin mal gespannt ob sich @cookingeek meldet.

                  Raspberry Pi 4 8gb

                  1 Antwort Letzte Antwort
                  0
                  • m1k3f15hM Offline
                    m1k3f15hM Offline
                    m1k3f15h
                    schrieb am zuletzt editiert von
                    #110

                    Hy Leute,

                    Hat von euch jemand ein "Samartlock" in Lovelace eingebunden?
                    Wie stellt ihr das dar? Mit Batteriestatus/Tükontaktstatus/Anzeige ob das lock gerade arbeitet/...?

                    Mike

                    ioBroker Multihostsystem in Docker-Container auf Raspi's mit Redis-Sentinel als States und Objects DB
                    Aktuell am Aufbau einer Lovelace Visu

                    Deye SUN-12K + 10 kWp Module + 2 x 10 kWh MeritSun PowerWall

                    David G.D 1 Antwort Letzte Antwort
                    0
                    • m1k3f15hM m1k3f15h

                      Hy Leute,

                      Hat von euch jemand ein "Samartlock" in Lovelace eingebunden?
                      Wie stellt ihr das dar? Mit Batteriestatus/Tükontaktstatus/Anzeige ob das lock gerade arbeitet/...?

                      Mike

                      David G.D Online
                      David G.D Online
                      David G.
                      schrieb am zuletzt editiert von
                      #111

                      @m1k3f15h

                      Ich nicht.
                      Evtl steht da etwas was dir hilft?
                      https://community.simon42.com/t/smart-lock-benutzen/22477

                      Zeigt eure Lovelace-Visualisierung klick
                      (Auch ideal um sich Anregungen zu holen)

                      Meine Tabellen für eure Visualisierung klick

                      m1k3f15hM 1 Antwort Letzte Antwort
                      0
                      • David G.D David G.

                        @m1k3f15h

                        Ich nicht.
                        Evtl steht da etwas was dir hilft?
                        https://community.simon42.com/t/smart-lock-benutzen/22477

                        m1k3f15hM Offline
                        m1k3f15hM Offline
                        m1k3f15h
                        schrieb am zuletzt editiert von
                        #112

                        @David-G.
                        danke für deine Antwort.. aber hilft mir leider auch nicht :)

                        ioBroker Multihostsystem in Docker-Container auf Raspi's mit Redis-Sentinel als States und Objects DB
                        Aktuell am Aufbau einer Lovelace Visu

                        Deye SUN-12K + 10 kWp Module + 2 x 10 kWh MeritSun PowerWall

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        842

                        Online

                        32.6k

                        Benutzer

                        82.0k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe