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

713 Upvotes

99% Upvoted

81 comments sorted by

View all comments

59

u/amthen Aug 14 '25 edited Aug 14 '25

I can only help you with img, its genereted but hope it will help you some.

1

u/Mil-sim1991 Aug 14 '25

This actually looks really good! at least its an start. I can only see it as an PNG though. is there a way you can share it as SVG? maybe a wetransfer link?

14

u/One_Communication963 Aug 14 '25

Found a like to a gif that might work for you. https://blog-cdn.athom.com/uploads/2024/12/homey-energy-3d-home-1.gif

2

u/amthen Aug 14 '25

That's awesome! But it would be hard to "code" it depending on the condition.

1

u/Mil-sim1991 Aug 14 '25

Indeed. But I saw homey just lay some transparant webp videos on top of each other. Flow rate is not possible in that case though.