Share your Floorplan

DonNL · December 2, 2018, 1:47pm

Does anybody know or have an idea to export the floorplan to a image/video file that can then be set to as a camera in hass?
I’d like to ask for ‘show the house’ on smart screen devices…

StaticCube · December 2, 2018, 8:57pm

Hi All,

So let me share my floorplan as well, was actually inspired by gianm. But my light icons do not look as nice as his :). During the daytime all rooms get a bit of lighting using the sun entity just to spice it up a bit)

I actually used homestyler for mine, but might do a manual render / build in fusion 360 as some of the key elements in my house are not in there (bit of a diy person).

As for shekhardivekar’s question that is actually the bit I am trying to figure out (getting some temperature sensors and more door sensors). As you can see it is now only showing a red icon when the door is open (which is all I need basically).

For the temperature sensors I am probally going to take the route shown below with markers or something.

Still looking to do an animated version with floor selection but mainly for fun I like to see everything in a single go.

With kind regards,

StaticCube / Ferry

PS
Any feedback is welcome :). Also this is build in lovelace ui using picture elements.

hoangtuit · December 3, 2018, 5:04am

The light icon is a state-icon

- type: state-icon
  tap_action: toggle
  entity: light.office_light_2
  style:
    top: 19%
    left: 71%
    background: rgba(61, 115, 155, 0.2)
    border-radius: 50%
    transform: none

thmry · December 3, 2018, 4:04pm

That’s probably a combination of horizontal stack and vertical stack.

dawnlord · December 3, 2018, 5:53pm

Just a simple setup.

The thing on right side of bedroom is the Twinkly led string on balcony

StaticCube · December 4, 2018, 10:00pm

Nice especially like the Google home icons are those MDI icons,?

dawnlord · December 4, 2018, 11:13pm

All icons are MDI in my floorplan

karldonteljames · December 6, 2018, 3:03pm

Afternoon All,
I’m just setting up my 2d floor plan before i even consider setting up the 3d one. I’ve got the floor plan drawn and “clickable” however I don’t seem to be able to get the icons to change colour.

My floorplan.yaml contains:

  groups:
    - name: Lights
      entities:
         - light.porch_light
         - light.iglo1
         - light.iglo2
         - light.iglo3
         - light.iglo4 
         - light.iglo5
         - light.iglo6
         - light.iglo7
         - light.iglo8
         - light.iglo9
         - light.iglo10
         - group.batman
         - switch.livingroom_fan
         - light.diningroom_light
      states:
        - state: 'on'
          class: 'lights-on'
        - state: 'off'
          class: 'lights-off'
      action:
        domain: homeassistant
        service: toggle

and my floorplan.css contains

.lights-off {
  fill: #464646 !important;
}

.lights-on {
  fill: #FFFF00 !important;
}

Any ideas where i’m going wrong?

Thanks.

DonNL · December 10, 2018, 2:20pm

Don’t see anything wrong there. Are you sure the svg file is correct (right icons with corresponding light names).
Do the lights start off with the right color based on their status and are just not clickable or aren’t they changing at all.

karldonteljames · December 10, 2018, 2:32pm

The lights start off black, (as expected) but dont change. I’m sure the SVG is correct as clicking/pressing on the light causes the toggle action.

meh · December 17, 2018, 9:23am

Howdy, most of the floorplans are amazing !! and I want to share my wip with you

Your comment are welcome

ahzazou · December 21, 2018, 5:29pm

@meh which software did you use to make this , this is really awesome and hilarious i just like perfect

kalkih · December 22, 2018, 8:50pm

Looks amazing, really impressive work

meh · December 23, 2018, 11:08am

Thanks guys, I used Cinema 4d with Global illumination + ambient occlusion

casey-hill · January 3, 2019, 7:22pm

Here is mine for now, I’m still working to separate things out; most of the lights are off on mine of course.

Bradovic · January 4, 2019, 1:59pm

Work in progress. Sketchup with Twilight Render

alphatech · January 7, 2019, 9:19pm

@automateit, I love the ecobee icon and the floor setup. How did you do it? Does the temperature changes in the ecobee thermostat or is just a static picture?

automateit · January 8, 2019, 4:03am

Hi, thanks I’m glad you like it. I’ve since moved away from HA floor plan to pure Lovelace UI.

The numeric temp does change dynamically but not the weather, mode etc. that could be done with some work but mine is still beta.

My configuration is posted on github. My username there is rrubin0

If you do plan to use HA floor plan let me know and I’d be happy to share some of my old configs with you. That one is nicer looking in the UI but more difficult to setup.

matteoHA · January 10, 2019, 8:56pm

This is my floorplan.
I hope you like it, your advices are always welcome.

Sweet Home 3D - Photoshop for lights on and off layers - Inkscape

gekim.84 · January 13, 2019, 9:23am

been trying to figure out where in ha-floorplan.html can i modify/remove the code that overwrites texts in SVG files and replaces it with an ON / OFF label? I just need my text titles in my SVG to be live text.

i think its all inside “line 383 handleEntities(entities)”

theres code in 404 that talks about “tspan” found a few lines “svgElement.nodeName === ‘text’”
will somebody help and let me know if I’m getting close?

thanks!