In Episode 2, We will add overlays in Inkscape on top of our rendered floorplan images we did in Episode 1. I'll show you how to create an SVG file in Inkscape, add layers, create masks and paths, and finally XML IDs. The output SVG file will be used in the following episode. ➡️ Subscribe to follow the upcoming episodes. ➡️ Hit the like button👍If you enjoyed this video. My Smart Home Digital Twin demo video: In this episode: - Recap of Episode 1 - What are overlays - Creating an SVG in Inkscape 00:00 Intro 00:17 Previous episode recap 00:49 Overlay types 02:19 Inkscape 03:45 Layer mask 06:27 XML Editor 07:05 Full example -------------------------------------------------------------------------------------------------- Example Entity Used ZigBee light with color attributes. min_color_temp_kelvin: 2000 max_color_temp_kelvin: 6535 min_mireds: 153 max_mireds: 500 supported_color_modes: color_temp, xy color_mode: xy brightness: 254 color_temp_kelvin: null color_temp: null hs_color: , rgb_color: 129, 173, 255 xy_color: , off_with_transition: false off_brightness: null friendly_name: TS0505B supported_features: 40 -------------------------------------------------------------------------------------------------- 📂 GitHub repo for demo assets *Dashboard file contains two options (1- For lights with color attributes 2- Simple on/off lights/switches). Comment/Uncomment the sections based on your needs.* ------------------------------------------------------------------------------------------------ Shout out to all Guybrush Threepwood fans 🏝️🐒 #homeassistant #digitaltwin #floorplan #homeautomation #inkscape











