Home Assistant documents a Picture Elements card that places state icons, labels, images and buttons at explicit coordinates over a background image. It is a practical reference for a floor-plan interface because the floor-plan art can remain locked while interactive controls change position and state independently.
For HomeControl, that suggests two separate data models: the immutable room geometry or artwork, and the draggable Entertainment Area overlays. It avoids the failure mode where adding furniture or speaker cards unexpectedly redraws the underlying floor plan. The official examples include dark-mode images, state filters and conditional elements.
You do not need to install Home Assistant to learn from it. Inspect the example and reproduce only the overlay technique in your Next.js app, preserving the current Sonos grouping and OAuth paths.
Go to Source — Primary: https://www.home-assistant.io/dashboards/picture-elements/