Die Ring Tile Karte erweitert dein Home Assistant Dashboard Karten, um eine Karte, die sich sehr gut für die Darstellung von Sensoren eignet. Zum Zeitpunkt des Artikels gibt es leider keinen grafischen Editors zur Konfiguration. Aus diesem Grund gibt es ergänzend zu meinem verlinkten Youtube Video diesen Beitrag mit dem YAML Code aus dem Video. Der Code kann als Vorlage zur eigenen Anpassung genutzt werden sodass die Karte im Handumdrehen erstellt sein sollte.
Ring Tile Karte Beispiel mit YAML Code
So sieht die erstellte Karte aus, die ich im Video gezeigt habe. Im Video gehe ich darüber hinaus auf zahlreiche Optionen ein, um die Karte auf die eigenen Bedürfnisse anpassen zu können. Die Karte ist in Anlehnung an die in Home Assistant Core verfügbare Standard Kachel Karte entwickelt worden.

Zum hinzufügen der Karte wird der Home Assistant Community Store benötigt. Wie du diesen in Home Assistant hinzufügst zeige ich dir hier in meinem Einsteiger Video.
- EINFACHSTE MÖGLICHKEIT, MIT HOME ASSISTANT ZU BEGINNEN – Da Home Assistant bereits installiert ist, müssen Sie nur das mitgelieferte Netzteil und...
- OFFIZIELL – Dieses offizielle Home Assistant Hardwaregerät wird von Nabu Casa, dem Team, das die Entwicklung von Home Assistant vorantreibt...
- ENTWICKELT FÜR ZU HAUSE – Das kleine, lüfterlose und leise Design enthält einen Quad-Core-Prozessor, 32 GB Speicher und 4 GB RAM.
- EINE ZENTRALE ZUR STEUERUNG DES GANZEN HAUSES – Reduziere die Menge an Hubs und Apps und steuere dein ganzes Haus von Home Assistant Green.
- ALLES AUTOMATISIEREN – Lassen Sie alle Geräte in Ihrem Zuhause harmonisch zusammenarbeiten – dimmen Sie Ihre Lichter, wenn Sie einen Film...
Ring Tile Karte YAML Code
Hier der YAML Code zur Karte. Dies sollten allen, die ungern mit YAML arbeiten, die Konfiguration erleichtern. Denkt daran die Entität gegen eure zu ersetzen.
type: custom:ring-tile
entity: sensor.ugreen_nas_pool_1_volume_1_used_size
name: Speicherplatzverbrauch
ring_size: 6
ring_only: true
max: 10
indicator: dot
ring_type: open
scale: ticks_with_labels
marker: 5
marker_colour: ha_yellow
marker2: 9
marker2_colour: ha_red
colour:
"2": ha_green
"5": ha_yellow
"8": ha_red
max_decimals: 2Alle verfügbaren Optionen sind in der Dokumentation des Entwicklers beschrieben. Das meiste davon zeige ich im unterm verlinkten Video im Detail, sodass du dir vorab einen Eindruck von den Möglichkeiten der Karte verschaffen kannst.
Weitere Dashboard Beiträge findest du hier.
Falls du noch Fragen oder Anregungen hast hinterlasse gerne hier oder im Youtube Video einen Kommentar!
🔥 Lust auf ein Schnäppchen für dein Smart Home?
Auf meiner Deals-Seite findest du aktuelle Angebote für Beleuchtung, Thermostate, Kameras, Sensoren und mehr – mehrmals täglich automatisch aktualisiert und nur mit echtem Preisnachlass.
Zu den aktuellen Deals →