Update public/heatmap.html

public/heatmap.html

@@ -17,21 +17,25 @@
   </header>
 
   <div class="page-container heatmap">
-    <div id="heatmap-container">
+    <!-- Floor selector -->
-      <div class="map-svg-container" id="mapSvgContainer">
-        <!-- heatmap.js will inject an <svg> here and draw your dock-doors and areas -->
-      </div>
-      <!-- optional floor selector, if you have multiple floors -->
     <div class="floor-selector">
       <label><input type="radio" name="floor" value="1" checked> Floor 1</label>
       <label><input type="radio" name="floor" value="2"> Floor 2</label>
       <label><input type="radio" name="floor" value="3"> Floor 3</label>
       <label><input type="radio" name="floor" value="4"> Floor 4</label>
     </div>
+
+    <!-- Scroll & zoom container -->
+    <div id="heatmap-container">
+      <div class="map-svg-container" id="mapSvgContainer">
+        <!-- heatmap.js will insert an <svg> here with:
+             - <rect class="dock-door" ...> for each dock door
+             - <rect class="area-rect" ...> for each area
+             - <text> labels inside these rectangles -->
+      </div>
     </div>
   </div>
 
   <script src="/scripts/heatmap.js"></script>
 </body>
 </html>
-