home_overview

A complete overview of every room in your house in a single card in home assistant.

This is a custom component with the goal of providing you an overview of you entire house in one card. It allows you to define a table with a single or multiple columns and rows. In every cell you can:

• display the title of a room
• display the current light, by filling the background with the primary color
• display the temperature on the second row
• display the current playing song album art as a background
• display the status of a sensor on the bottom row
• assign a tap_action, hold_action and double_tap_action

The cells wil allways appear square. The appearance is highly configurable:

• border-radius
• opacity when light_entity is off
• no background color when no title is provided
• text size
• line-height
• vertical spacing between cells
• horizontal spacing between cells

First example - entire house

Example of what you can achieve:

Code used to configure the example:

type: custom:home-overview
title: null
rows: 3
columns: 9
font-size: 1.5
line-height: 1.5
corner-radius: 8px
transparency: 0.2
cell_spacing_vertical: 2px
cell_spacing_horizontal: 3px
cells:
  - - title: Bureau
      light_entity: light.bureau
      climate_entity: climate.woonkamer
      media_entity: media_player.keuken_2
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.bureau
    - title: Washok
      light_entity: light.washok_3
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.washok
    - title: Gang
      light_entity: light.zolder_ha_group
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.zolder_ha_group
    - title: Slaapkmr
      light_entity: light.slaapkamer
      sensor_entity: climate.zolder_room_temperature
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.slaapkamer
      tap_action:
        action: toggle
      climate_entity: climate.zolder_room_temperature
    - title: none
    - title: none
    - title: none
    - title: none
  - - title: Badkmr
      light_entity: light.badkamer
      climate_entity: climate.badkamer
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.badkamer
    - title: Mats
      light_entity: light.mats
      sensor_entity: climate.mats_room_temperature
      climate_entity: climate.mats_room_temperature
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.mats
    - title: Gang
      light_entity: light.gang_1e
      climate_entity: none
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.gang_1e
    - title: Roemer
      light_entity: light.roemer_nieuw
      sensor_entity: climate.roemer_room_temperature
      media_entity: media_player.roemer
      climate_entity: climate.roemer_room_temperature
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.roemer_nieuw
    - title: Kleedkmr
      light_entity: light.kleedkamer
      climate_entity: climate.kleedkamer
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.kleedkamer
    - title: none
    - title: none
    - title: none
  - - title: Hal
      light_entity: light.dimmable_light_1
      climate_entity: none
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.dimmable_light_1
    - title: Trapkast
      light_entity: light.trapkast
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.trapkast
    - title: Gang
      light_entity: light.gang
      climate_entity: climate.gang
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.gang
    - title: Woonkmr
      light_entity: light.woonkamer_3
      climate_entity: climate.woonkamer
      media_entity: media_player.woonkamer
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.woonkamer_3
    - title: Keuken
      light_entity: light.keuken_3
      climate_entity: climate.woonkamer
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.keuken_3
    - title: none
      light_entity: light.achtertuin_ha_group
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.achtertuin_ha_group
    - title: Schuur
      sensor_entity: sensor.slot_schuurdeur
    - title: Veranda
      light_entity: light.veranda
      sensor_entity: sensor.slot_poortdeur
      double_tap_action:
        action: call-service
        service: light.toggle
        service_data:
          entity_id: light.veranda

Configuration of the table

title: Title of the card. Can be omitted if you don't want a title
rows: Number of rows to be displayed
columns: Number of columns to be displayed
font-size: Font-size (optional). 1 = normal size, 0.5 = 50% etc
line-height: Line spacing between the text lines
corner-radius: Radius of all corners of the cell
transparency: Opacity of the background of the cell, as a percentage of the rgb color 200,200,200. Value must be between 0 and 1
cell_spacing_vertical: spacing between rows in px
cell_spacing_horizontal: spacing between rows in px
card_background_color: backgroundcolor of the card in HEX, RGB or RGBA

Configuration of a cell

Configuration of the cells start with cells:. Make sure that you configure the exact number of rows and colums that you defined.
Each cell can show:

• a background image (based on the current playing song of the media_entity)
• a background-color (based on the light status of the light_entity)
• 3 lines of text (Title, temperature of the climate_entity and value of the sensor_entity)

For each cell you can configure:

• tap_action
• double_tab_action
• hold_action

Good to know

The media_entity is designed to work with Sonos speakers: it reads the attribute entity_picture where the url to the album art is at. I noticed that the album art has some delay, or isn't displayed at all times. Might be a caching issue of some sort. The climate_entity is designed to work with Honeywell Evohome, and is known to work with Tado aswell. It reads the attribute current_temperature.