Interactive Ecobee Thermostat with Animated Weather Icons

I posted this on Discord and people seemed to show interest. Here is the SVG and link to my repo to get an animated Ecobee thermostat on your floorplan, like so:

image

Note that I have 2 floors in my home, each with an ecobee.

The link to my template is here. There is a thin white box around where the weather icon should appear, this is to make it easier to see in Inkscape only. You should put the stroke-paint to none in your final version on the floorplan.

CSS is here.

Animated weather is credited to @CCOSTAN (as is much of my floorplan success) and is shown here.

Enjoy!

7 Likes

Thank you, nice work

Did you delete this off of your repo? I was hoping to implement this into my floorplan but can’t seem to find the files anymore. Hopefully you’re still around because this is a great idea

Hi, I’ve since migrated over to Lovelace from floor plan due to the simpler approach. I’ll look at my local files and send you my old config once I get back to my PC. I think I still have the files but will need to look. I’ll let you know ASAP.