Hi everyone,
I needed a nice way to display the state of charge for my EV, while also allowing me to easily set the maximum charge and the threshold for solar charging. As I could not find an existing card that matched my needs, I decided to create a new one.
It’s still a work in progress, but it’s fully usable and I think it looks fairly nice already.
The main feature of the card is the ability to display the state of charge on a bar, with some handles below the bar marking the solar threshold and the maximum charge limit.
I wanted to make this versatile, so the card can be configured in the following ways:
- the bar range defaults to 0-100 but can be set to other values
- the card can display an arbitrary number of handles
- moving the handles updates their entity to the new value
- it can show the state of charge as a delta from a specific value (in my case highlighting the current charge session)
- it can show a picture (defaults to an icon), with a name and a secondary info below it
- it shows a customizable chip style detail on the right side (same SoC in my example)
- it has a stats section on the bottom, where it can display any number of details with conditional display
The card can be installed manually or via HACS:
Full repo and instructions to install are on GitHub
If anyone is interested, give it a try — I’d love to hear your feedback. What features or improvements would you find most useful?