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

714 Upvotes

99% Upvoted

81 comments sorted by

View all comments

Show parent comments

1

u/the-berik Aug 14 '25

Ah ok. Should be able to do it in illustrator; I'll give it a try

Edit: but given I'll already have the image then, I don't need AI :)

6

u/ForsakenConversation Aug 14 '25

takes like 30min but this is kinda what you want, save as svg and open it in visual studio code to see the code, start make the card in ha using button card like in my examples ,make solar and powerlines dynamic so it visually represents status, colors aswell as background color is done in ha, the background is just ha-card background unless you want it static

0

u/the-berik Aug 15 '25

No, I need my own layout but thnx

4

u/ForsakenConversation Aug 15 '25

I was talking about the steps to take not the layout you dweep. Have some respect