So eine Akku-Karte ist ein feines Spielzeug.
Mein Ziel war:

alle Informationen und alle Stati eines Akkus in EINe Card zu bringen
on top einfach konfigurierbar, um die Card perfekt einzubetten in die jeweiligen Dashboards
easy to re-use (mit EINEM Konfigurationsblock)
gute Doku

Design

konfigurierbares Design

Breite des Akkurahmens
Höhe des Akkurahmens
Multi (aber feste) oder einheitliche (aber dynamische) Farbgebung der Segmente
Schriftgröße
freie Platzierung der Lade-/Entladeleistung (2 Optionen)
zusätzlich freie Wahl zwischen Akku-Temperatur oder Max.Vol (zusätzlich zu Min-Vol als Standard)

Für jeden was dabei:

Laden mit pulsierendem Ladeeefekt (in grün) und Pfeil nach unten
Wattanzeige oberhalb und max.Zellspannung
links: Multi-Farbgebung, rechts: dynamische Farbgebung
Multi bedeutet: Segmente haben immer die gleiche Farbe, jedes Segment aber eine andere
Dynamik bedeutet: alle Segemente haben die gleiche Farbe aber in Abhängigkeit vom SoC-Level (dynamisch)
Entladen mit pulsierendem Ladeeefekt (in rot) und Pfeil nach oben
Wattanzeige oberhalb und Temperatur
Akku wird gerade beheizt (pulsierend orange mit Feuer Icon)
die schlanke Variante wenn man 4 Akkus in einen Querstapel packt und wenig Platz hat
4 auf einen Streich

5 Sektoren farblich von rot nach grün, oder einheitlich je nach Ladezustand (konfigurierbar)
Rahmen entspricht Ladezustand (von rot nach grün)
Anzeige Soc-Level
Anzeige Lade-/Entladeleistung (kompakt: wahlweise im ersten Segment oder unterhalb des Akkukörpers) (konfigurierbar), durch Platzierung im oberen Akku-Segment wird die Karte kompakter
Anzeige Akku-Status: "Standby", ⬇️ , ⬆️ , "n/a" im obersten Segment
Anzeige Akku-Status: pulsierender Rahmen um den Akkukörper (rot: Entladen; grün: Laden, orange: Heizen)
dynamische Pulsieren, das sich der aktuellen Leistung anpasst (kleine Leistung langsam, große Leistung schnell)
Anzeige Zellspannung (min) und wahlweise Zellspannung (max) oder Akku-Temperatur (konfigurierbar)
Warnung: Temperatur-Textfarbe: rot ab 50°C oder unter 0°C, orange ab 35°C
Anzeige Status Akkuheizung: wird durch oranges Pulsieren und ein Icon im oberen Segment signalisiert.
nicht verfügbarer Akku wird ausgegraut
Schriftgrößen, Farbdynamik, Aussehen (Breite/Höhe/Kompaktheit) konfigurierbar
Konfigurationsblock am Anfang des Codeblocks und damit easy to use

Beschreibung und Code hier: