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>