Left this some time ago but now revisiting.
I have set up an svg that has a 3d base view of my house as a layer, and, depending on a sensor that has the name of an overlay layer, it will display the base layer plus that overlay layer. I cannot really find examples that do this so need help with the basics:
screenprints of an example where the base only is visible plus one showing the overlay on its own and then the 2 together, is below:
The following sensor will have the name of the overlay view:
So, if the kitchen_lights_combo_layer value changes to kitchen_06, I want to ensure the base layer (base_lights_off) is displayed and then, over that, the kitchen_06 is displayed. The rest of the house light animation works the same way so I will be displaying a base of each room dark or light, then with the specific sensor layer name selected from the svg.
So I am trying to understand what extra info is required in the svg layer definitions, the css and yaml to make specific layers visible or invisible.
I realise this may involve making a whole bunch of layers invisible as they may have been visible but a sensor change means other layers are required instead.
I have grouped the layers based so that hopefully, I can make all the related layers invisible and then just make the one in the sensor visible.
Would love to see some similar examples if anyone has done this type of layering.