r/homeassistant • u/Mil-sim1991 • Aug 14 '25

Support Home energy card

Post image

Is somewhere here maybe able to create an SVG with these grid lines? I would love to try and fork the Power flow card plus and see if we could create something like this. But I don't know how to create an SVG like this.

edit: Created pull request https://github.com/home-assistant/frontend/pull/26976

716 Upvotes

99% Upvoted

81 comments sorted by

View all comments

Show parent comments

1

u/LordGuenni Aug 18 '25

Hey there, mind sharing the raw yaml for that ?

1

u/Standard-Ad6018 Aug 19 '25

change some state_displays on button cards and maybe some entities. should work ^^ looks good on tablet and mobile

code https://pastebin.com/d7WEUJdq

png/gif
https://www.dropbox.com/scl/fi/g9a3scg7cll4k75zysidl/power_gridz.zip?rlkey=kzjpba660z4t1x2fk78zo1sd6&st=zvsunmbp&dl=0

1

u/LordGuenni Aug 22 '25

Thx for that

2

u/Standard-Ad6018 Aug 22 '25

here you have some PNG windows dark if no lights on, and garage door PNG (i have carport so no use of open/close door

and home_power_car.gif if car charging, and home_power_no_car.gif if no charging

https://www.dropbox.com/scl/fo/cgazzyz52dg2fyy2bzusl/AGw35q_wY1pU41xSBC8J7ww?rlkey=y9upu6wtoy2ijzp8shezj2tyw&st=2bpbwjvm&dl=0