Découvrez comment créer un dashboard Home Assistant époustouflant avec Floorplan 3D ! Dans cette vidéo, nous vous montrons comment concevoir et personnaliser votre propre plan d’étage en 3D pour afficher les informations de votre maison connectée. Grâce à ce tutoriel, vous pourrez ajouter des icônes, des images, des graphiques et des boutons pour contrôler facilement vos équipements domotiques. Ne manquez pas cette occasion de donner vie à votre maison intelligente avec un dashboard unique et impressionnant !
Voici mon code qu’il vous faudra adapter bien évidament
type: picture-elements
image: /local/floor/off.png
elements:
- type: image
entity: switch.couloir_2
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floor/switch.couloir_2.png
'off': /local/floor/transparent.png
- type: image
entity: switch.cuisine_inter_triple
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floor/switch.cuisine_inter_triple.png
'off': /local/floor/transparent.png
- type: image
entity: switch.salon_inter_salon
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floor/switch.salon_inter_salon.png
'off': /local/floor/transparent.png
- type: image
entity: switch.sam_inter_triple
style:
top: 50%
left: 50%
width: 100%
state_image:
'on': /local/floor/switch.sam_inter_triple.png
'off': /local/floor/transparent.png
- type: state-icon
entity: switch.couloir_2
style:
top: 30%
left: 60%
tap_action:
action: toggle
- type: state-icon
entity: switch.cuisine_inter_triple
style:
top: 40%
left: 32%
tap_action:
action: toggle
- type: state-icon
entity: switch.salon_inter_salon
style:
top: 60%
left: 68%
tap_action:
action: toggle
- type: state-icon
entity: switch.sam_inter_triple
style:
top: 70%
left: 35%
tap_action:
action: toggle
Allez plus loin avec la documentation Home Assistant : https://www.home-assistant.io/dashboards/picture-elements/#elements