Background: a line drawing that dissolves into particles when touched and then reassembles.
Glashaus®

3 floors · 12.00 × 10.40 m · Sample house · Wednesday, 21 October

Your house,in glass.

All three floors of a fictional sample house, with every device in its place. Drag to rotate the house, tap a room to see what’s running in it.

View model

House model

Drag to rotate · double-click to reset

The sample house

fictional · scale 1:100

All Shelly, Zigbee and WLED

Data from ioBroker · 21/10
DeviceTypeLocationStatusIn the Glashaus

“Location missing”: in ioBroker without a room and without a descriptive name. Of the four unnamed contacts, three are in the living room; which one isn’t will show as soon as a living-room window is opened.

Import furnishing from the Rooms page · Windows, doors, lamps, sensors, radiators

The house model shows the rooms as furnished on the Rooms page, without furniture. Each page saves its own changes only in its own browser. So in furnish mode there, tap “Copy for house model” and paste the text here.

Use in VIS 2 · Rooms and devices

Room → Devices

RoomDeviceDatapoint

Notes

The model is a canvas script and runs in VIS 2 in an HTML widget. The room outlines are a table in the script (metres; here a fictional sample house, your own floor plans can be entered the same way) and can be adjusted there.

For ioBroker it is worth also creating the rooms as enumerations (enum.rooms). Then any script can find devices by room, e.g. “all lights in the attic off”.