Share your Floorplan

Third party integrations Floorplan
687

@tringler I like your design and mine is quite similar. I am struggling at showing the temperature of various rooms.
I have created Text (or rectangle) with the id similar to the id of my actual temperature sensor in Home Assistant. But the temperature is not reflected in the floor plan. Here is the portion of code in my ha-floorplan-card:

                    - entity: sensor.master_bedroom_bed_temperature
                      element: sensor.master_bedroom_bed_temperature
                      text_template: >-
                        ${entity.state ? Math.ceil(entity.state * 10) / 10 + "
                        °C"  : "unknown"}
                      class_template: ' var temp = parseFloat(entity.state.replace("°", "")); if (temp < 10) return "temp-low"; else if (temp < 30) return "temp-medium"; else return "temp-high"; '

Could you send me an example? Thanks in advance

688

@Ratsathome I have problem to make my fans spin. From your post I understand that a mdi icon is not enough? I should also create a transparent rectangle in which I will center the mdi icon?

Would you mind giving an example or describe the process? (I have been trying this since many days and I am still stuck).

Thanks in advance for your answer.
Best

689

photo_2021-01-26_23-33-11
photo_2021-01-26_23-33-111204×795 47.5 KB

690

Can you send the examples of how you did to insert the weather cards and activate the popup cards?

691

@popsyann The example below shows how to implement a spinning fan using floorplan:

692

Every line, geometric shape or contour is done in Inkscape. Took some time, but if you are patient it will look nice. Also in Inkscape, the ”objects” have a dedicated ”ID” and a dedicated ”label”, you can access them by right-click any geometric shape and choose ”object properties”. You will reference those in your .css file (in which you adjust fading, among other settings) and .yaml file

693

Hi,what is the code for “Sunday, July 09”? I searched, but I only have https://www.home-assistant.io/integrations/time_date/ . Thank you.

694

Hi, what is the code for “July24, 2017”? I searched, but I only have https://www.home-assistant.io/integrations/time_date/ . Thank you.

695

I believe it was just a value template, give this a shot:

{{ now().strftime('%b %d, %Y') }}
1 Like
696

Screenshot_20210212-220807
Screenshot_20210212-2208071080×2340 257 KB
Screenshot_20210212-220757
Screenshot_20210212-2207571080×2340 493 KB

2 Likes
697

Iphone 11 Max Pro screen floorplan

Still under construction but I am getting there :gear::grin:

image
image1242×2688 496 KB
image
image1242×2688 498 KB

1 Like
698

How do you integrate the floorplan on HA? Do you use https://github.com/ExperienceLovelace/ha-floorplan or there is a native way to do this?

699

You can install it via HACS. Look in the front end section for it. If you don’t have HACS then alternate instructions are here https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/

1 Like
700

My question was if you use that addon or something like this https://www.home-assistant.io/lovelace/picture-elements/?

There is a comparison between both methods?

701

See what other think but I find floor plan easier to use. Just create everything in the SVG and then use CSS classes to control the appearance of the plan.

If you look here https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/ you will see that with the elements card you have to define sizes and placement in the style section. That is harder for me than just placing and resizing images in the SVG and I think the picture elements card will be a way larger yaml file to achieve the same outcome.

Plus @pkozul has added some more powerful functionality lately such as functions.

According to here https://www.reddit.com/r/homeassistant/comments/afzmvq/is_hafloorplan_obsolete_with_the_introduction_of/ the general consensus is that floorplan is a more powerful version of what the picture elements card can do. If you are only doing something simple then the card may be fine for you…

1 Like
702

Right now I want to have a floorplan to show the temp & humidity in each division as I think this is the best way to see this kind of information but I don’t mind to add others features in the future like the door or window state.

1 Like
703

Hi @metropt

There are some great discussions over on the floorplan GitHub repo. You can see some examples and get some ideas. It’s the best way to get help in case you get stuck.

Cheers,
Petar

1 Like
704

Still under construction, is it never ending Story :grinning:

floorplan
floorplan1829×856 300 KB

3 Likes
705

Looks great :+1: I ended up removing my little bulbs and just allowed a tap anywhere inside the room to turn on the lights. Just made it a little cleaner for me.

1 Like
706

If you don’t have any RGB lights, you would do the same thing with the white overlay only, checking for the brightness attribute of your light and adjusting the opacity filter accordingly. Here’s the example I followed.

Sorry for the delay in responding!