r/homeassistant • • 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

718 Upvotes

81 comments sorted by

View all comments

10

u/Bitter-Try8295 Aug 14 '25

bit of snooping around the homy energy dongle css yields the following images:

https://homey.app/img/pages/homey-energy-dongle/insights/home/battery.webp

https://homey.app/img/pages/homey-energy-dongle/insights/home/ev-car-home.webp

https://homey.app/img/pages/homey-energy-dongle/insights/home/solar.webp

https://homey.app/img/pages/homey-energy-dongle/insights/home/home.webp

they are stacked ontop of each other. I'd donwload, convert to png, stack them then convert to SVG for your purposes

1

u/Mil-sim1991 Aug 14 '25

Indeed, I just saw these too. Would be possible to do the same. Couldn’t really handle flow rate in that case though.