Dashboard Design Idea - Insp

Configuration
1

Hi, has anyone designed something like this.

I have been tinkering trying to achieve this, but not getting far. I cant find graphs like this. I looked at Apex.

type: custom:layout-card
layout_type: masonry
layout: {}
cards:
  - type: horizontal-stack
    cards:
      - type: entity
        entity: sensor.office_climate_temperature_display
        name: Office
      - type: grid
        cards:
          - type: entity
            entity: sensor.office_climate_temperature_display
          - type: entity
            entity: light.star_projector_colour
          - type: entity
            entity: light.star_projector_colour
      - type: vertical-stack
        cards:
          - square: false
            columns: 2
            type: grid
            cards:
              - type: entity
                entity: light.star_projector_colour
              - type: entity
                entity: light.star_projector_colour

image
image1080×1080 82.4 KB

2

You could try to design it with the button card. With that, you can make nearly anything.

1 Like
3

which part with button card?

Either way thank , havent used button card yet

4

for each row one button card. Inside each button card, you can insert mutiple cards. You can even modify the HTML and use JS.

5

ok ill look into it, thanks for the advice

1 Like
6

Maby this helps you to find some ideas Fun with custom:button-card - Share your Projects! / Lovelace & Frontend - Home Assistant Community (home-assistant.io)

7

cheers again. it looks beyond me level atm, but see how i go.
Thanks