From f9cfdfbac987525af353d34a6a56b2b2981debe0 Mon Sep 17 00:00:00 2001
From: JoshBaneyCS <joshnbaney@gmail.com>
Date: Wed, 30 Apr 2025 08:02:59 +0000
Subject: [PATCH] Update public/heatmap.html

---
 public/heatmap.html | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/public/heatmap.html b/public/heatmap.html
index 540ca26..393d7fe 100644
--- a/public/heatmap.html
+++ b/public/heatmap.html
@@ -17,7 +17,7 @@
   </header>
 
   <div class="page-container heatmap">
-    <!-- Optional floor selector -->
+    <!-- Floor selector -->
     <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>
@@ -27,14 +27,13 @@
 
     <!-- Scroll + zoom wrapper -->
     <div id="heatmap-container">
-      <!-- the mapSvgContainer is where heatmap.js should append your SVG -->
       <div id="mapSvgContainer" class="map-svg-container">
-        <!-- e.g. heatmap.js should do:
-             const svg = d3.select('#mapSvgContainer')
-                           .append('svg')
-                           .attr('width', fullWidth)
-                           .attr('height', fullHeight);
-             svg.selectAll('rect.dock-door')... etc.
+        <!-- heatmap.js should append here:
+             <svg width="..." height="...">
+               <rect class="dock-door" ... />
+               <rect class="area-rect" ... /><text>...</text>
+               ...
+             </svg>
         -->
       </div>
     </div>