# Map of your home(y) with data of every room

**URL:** <https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523>\
**Category:** Questions & Help\
**Tags:** app\
**Created:** [August 12, 2020, 10:29am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523 "2020-08-12T10:29:43Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Randy\_Mauritz](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/randy_mauritz/32/17017_2.png) [@Randy\_Mauritz](https://community.homey.app/u/Randy_Mauritz)\
**Post date:** [August 12, 2020, 10:29am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/1 "2020-08-12T10:29:43Z")

</div>

I was wondering if anybody ever had the idea of making an app that shows a **map** of your home and the devices in it, so you could have a global view of your house and the **data** , for example the _temperature_ in different areas or which door is _opened_ or _closed_.

 ![This is kind of the idea](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/e/4e87edb1b51d33291005d136910c606529aabf95.png)  
Something like the _ **picture** _ above but then with data inside the rooms or the exact places in your home.

Cause i have some ideas about it, but no time nor the knowledge to do something like that.

Or if some one is already working on something like it i am open to do some beta testing/reviewing 🧐.

---

<div class="post-metadata">

**Author:** ![anon61197305](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@anon61197305](https://community.homey.app/u/anon61197305)\
**Post date:** [August 12, 2020, 10:39am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/2 "2020-08-12T10:39:12Z")

</div>

This would be awesome. If you have some time, you can do this with Home Assistant. I’ve spent many hours but I have a map with all my sensors and lights.  
I have an overview with graphs of all my temperatures and humidity.

It’s another app, but nothing is perfect (Homey for connectivity, HomeKit for easy interaction and Home Assistant for information).

---

<div class="post-metadata">

**Author:** ![Randy\_Mauritz](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/randy_mauritz/32/17017_2.png) [@Randy\_Mauritz](https://community.homey.app/u/Randy_Mauritz)\
**Post date:** [August 12, 2020, 11:20am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/3 "2020-08-12T11:20:45Z")

</div>

It would be great of this would be implemented into a app for homey that you could run on a tablet or something.

But i will look into the home assistant, the only thing is that home assistant is a completely different **domotica** system. So, is it possible to run them both through one system? for example home assistent in homey or the other way around?

---

<div class="post-metadata">

**Author:** ![anon61197305](https://avatars.discourse-cdn.com/v4/letter/a/8baadc/32.png) [@anon61197305](https://community.homey.app/u/anon61197305)\
**Post date:** [August 12, 2020, 11:40am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/4 "2020-08-12T11:40:13Z")

</div>

You can publish all your sensors with MQTT. Which is quite a complicated thing to get into, but when everything works it’s great.  
I still use my Hue bridge, and you can hook it up to Homey, HomeKit and Home Assistant at the same time.

There is a lot of info here and on the Home Assistant forum. I am now thousands of lines of configuration further and I have a nice glanceable interface on my iPad.

---

<div class="post-metadata">

**Author:** ![Randy\_Mauritz](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/randy_mauritz/32/17017_2.png) [@Randy\_Mauritz](https://community.homey.app/u/Randy_Mauritz)\
**Post date:** [August 12, 2020, 11:59am UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/5 "2020-08-12T11:59:02Z")

</div>

This all seems to be a lot of work to do after a little research i have done now.  
If i have the time i am going to look further into it.

I thank you very much for your information.

---

<div class="post-metadata">

**Author:** ![Danny\_Mertens](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/danny_mertens/32/4247_2.png) [@Danny\_Mertens](https://community.homey.app/u/Danny_Mertens)\
**Post date:** [August 14, 2020, 12:28pm UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/6 "2020-08-14T12:28:43Z")

</div>

Install HA: [Getting Started - Home Assistant](https://www.home-assistant.io/getting-started/)

Use MQTT to link with HA: [[TUTORIAL] Setting up MQTT on Homey for configuring Home Assistant for dashboard purposes](https://community.homey.app/t/tutorial-setting-up-mqtt-on-homey-for-configuring-home-assistant-for-dashboard-purposes/10880)

Start walking first and go running after this, learn the basics start with building a simple example dashboard, learn how the different cards work, Lovelace, get familiar with basic yaml editing, because you will need that believe me!

[![](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/0/80f93092cc964cf6382f78237a20e2a241cfd932.jpeg "Home Assistant Beginners Guide: Installation, Addons, Integrations, Scripts, Scenes, and Automations") ](https://www.youtube.com/watch?v=sVqyDtEjudk)

[![](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/6/36039e2901437e3e728f0ad04d93d467e175ae92.jpeg "Beginner's guide to Home Assistant") ](https://www.youtube.com/watch?v=XdiGdC7K4sI)

> **[Dashboards](https://www.home-assistant.io/dashboards/)**
>
> Powerful and configurable dashboards for Home Assistant.

After this make a basic picture elements example, have a look at this for instance: [https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/](https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/), read, play, investigate, build… curse and start over, believe me I’m already in version 6 now 🙂

So after this, and you know the basics, you can use probably something like this flow;

Step 1: Preparations

- Make a plan what you want to do with the floorplan, managing lights, music, sensors…
- On what device are you going to use, view the floorplan, phone, tablet, monitor, TV, Nest hub…
- What’s the purpose of the floorplan, view, monitor, or mange as a switchboard for instance  
– lights, media, sensors, camara’s…  
– Get a list of all the entities you are going to use in the floorplan, you need this later…
- Do you have a plan of the house, rooms, the measurements, furniture measurements…, so how detailed you want to go, you will need this information to build the plan itself…
- …

Step 2: The floorplan itself…

- Start building, designing the floorplan itself: 2D, 3D the whole house, separate parts, rooms…  
– For this you can use a tool like: [http://www.sweethome3d.com/](http://www.sweethome3d.com/)  
– Here you can find a tutorial to help you start with this: [https://www.youtube.com/playlist?list=PLqazFFzUAPc6vIE\_JM3Ysis39MrANKxx\_](https://www.youtube.com/playlist?list=PLqazFFzUAPc6vIE_JM3Ysis39MrANKxx_)  
– Prepare all the images you need, different rooms, and of course the lights, you can do this in Home Sweet 3D self, or use a tool like Pixelmator, Photoshop, Gimp… simple example here: [Creating an Interactive 3D Floorplan in Home Assistant - Automate The Things](https://aarongodfrey.dev/home%20automation/creating-a-3d-floorplan-in-home-assistant/)

Step 3: Put the floorplan in lovelace…

- Create a new blank dashboard in Home assistant  
– Put in your floor plan: see here again: [https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/](https://www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/)
- try to add entities to the map, also explained in the example…
- …

Step 4: The config of @lukevink [GitHub - lukevink/hass-config-lajv: Home Assistant Configuration](https://github.com/lukevink/hass-config-lajv)

- I never have seen a more detailed config as this one, but still if your all new to this, it’s still quite overwhelming believe me it was for me 🙂 so go true this part by part and try to rebuild the config from luke first, all the images are in his config, just replace the entities with yours and see of you get this working, no it will not be only copy and paste 😉
- Start with installing the custom cards, integrations for this to work, you can use Hacs for most of these: [https://hacs.xyz/](https://hacs.xyz/)

The list is probably not complete, but out of my head;

- [https://github.com/iantrich/config-template-card](https://github.com/iantrich/config-template-card)
- [https://github.com/thomasloven/hass-browser](https://github.com/thomasloven/hass-browser)
- [GitHub - kalkih/mini-graph-card: Minimalistic graph card for Home Assistant Lovelace UI](https://github.com/kalkih/mini-graph-card)
- [GitHub - kalkih/mini-media-player: Minimalistic media card for Home Assistant Lovelace UI](https://github.com/kalkih/mini-media-player)
- [https://github.com/lukevink/lovelace-buien-rain-card](https://github.com/lukevink/lovelace-buien-rain-card)
- [GitHub - kalkih/simple-weather-card: Minimalistic weather card for Home Assistant](https://github.com/kalkih/simple-weather-card)
- [GitHub - bramkragten/weather-card: Weather Card with animated icons for Home Assistant Lovelace](https://github.com/bramkragten/weather-card)
- [https://github.com/custom-cards/stack-in-card](https://github.com/custom-cards/stack-in-card)
- [GitHub - thomasloven/lovelace-card-mod: 🔹 Add CSS styles to (almost) any lovelace card](https://github.com/thomasloven/lovelace-card-mod)
- [GitHub - maykar/custom-header: Custom Header adds enhancements and customization options to Home Assistant's Lovelace header.](https://github.com/maykar/custom-header)
- [GitHub - thomasloven/lovelace-slider-entity-row: 🔹 Add sliders to entity cards](https://github.com/thomasloven/lovelace-slider-entity-row)
- …

After this and you get the hang of it, start a new dashboard and start creating your dream dashboard

Optional: you can also have a look at this option: [https://github.com/bradcrc/color-lite-card](https://github.com/bradcrc/color-lite-card) here you use a custom card to get more or less the same, I prefer the solution of @lukevink but depending on what you want it can also be an option for you?

- [color-lite-card/tutorial at master · bradcrc/color-lite-card · GitHub](https://github.com/bradcrc/color-lite-card/tree/master/tutorial)

The developer also created a very simple tool to get the coordinates of elements you want to put in your floor plan, believe me it makes it a lot faster than fiddling with the code yourself 😉

- [https://github.com/bradcrc/Now-Playing-Card/tree/master/Design%20Tool](https://github.com/bradcrc/Now-Playing-Card/tree/master/Design%20Tool)

I know this is probably not what you wanted to hear, but I’m afraid it will not be plug and play, more pray in the beginning to be honest 😉

So believe me it takes some time, effort to get to this result, but the feeling when you get this done, is so overwhelming and satisfying that it was worth the time you put in to this, also when your wife, loved ones say OK I have to say this is quite nice and handy I can see me using this will make your whole day 😛

Good luck, and off course share your ideas, results back here always fun, educational so see what other people have designed!

---

<div class="post-metadata">

**Author:** ![Randy\_Mauritz](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/randy_mauritz/32/17017_2.png) [@Randy\_Mauritz](https://community.homey.app/u/Randy_Mauritz)\
**Post date:** [August 14, 2020, 1:57pm UTC](https://community.homey.app/t/map-of-your-home-y-with-data-of-every-room/33523/7 "2020-08-14T13:57:01Z")

</div>

Hey @Danny_Mertens This seems like a load of work to do, but in a weird way also pretty funny to workout. I am going to try and follow the steps.

I can’t thank you enough for al this information 😃

Plug and Pray is something that happens allot with the work i am doing so that will be no problem 😆

I hoop that al the future frustrations & praying will pay of.
