Add plot/table view toggles with sortable columns for all sections (#50)

* Initial plan

* Add plot/table view toggles for per-day and per-dandiset/asset histogram views

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>
Agent-Logs-Url: https://github.com/dandi/access-page/sessions/5fcf916a-fe89-4828-bde5-9ed5c34aa92a

* Add sortable column headers to all plot-paired tables

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>
Agent-Logs-Url: https://github.com/dandi/access-page/sessions/229600a1-c1a3-4a3a-9189-cdc7644aad21

* Add geo section Plot/Table toggle and sortable geographic tables

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>
Agent-Logs-Url: https://github.com/dandi/access-page/sessions/f8f02c14-1422-4f0f-bf96-20ab69487993

* Consolidate geo section toggles into single View: Regions/Dots/Table/AWS control

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>
Agent-Logs-Url: https://github.com/dandi/access-page/sessions/070cef73-ad6b-4c70-bea3-a13c21f63b94

* Narrow table columns by using width:auto instead of 100%

Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>
Agent-Logs-Url: https://github.com/dandi/access-page/sessions/cfc6702f-783c-4d94-a420-163fe0f2287c

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: CodyCBakerPhD <51133164+CodyCBakerPhD@users.noreply.github.com>

Author: Copilot

index.html

@@ -63,20 +63,38 @@
         </div>
     </div>
     <div id="totals"></div>
+    <div class="ControllerContainer PlotViewControls" id="over_time_view_controls">
+        <div class="SubControllerContainer">
+            <span class="radio-label">View:</span>
+            <label class="radio-option"><input type="radio" name="over_time_view" value="plot" checked /> Plot</label>
+            <label class="radio-option"><input type="radio" name="over_time_view" value="table" /> Table</label>
+        </div>
+    </div>
     <div id="over_time_plot"></div>
+    <div id="over_time_table" class="plot-table" style="display:none;"></div>
+    <div class="ControllerContainer PlotViewControls" id="histogram_view_controls">
+        <div class="SubControllerContainer">
+            <span class="radio-label">View:</span>
+            <label class="radio-option"><input type="radio" name="histogram_view" value="plot" checked /> Plot</label>
+            <label class="radio-option"><input type="radio" name="histogram_view" value="table" /> Table</label>
+        </div>
+    </div>
     <div id="histogram"></div>
-    <div class="ControllerContainer MapControls">
+    <div id="histogram_table" class="plot-table" style="display:none;"></div>
+    <div class="ControllerContainer PlotViewControls" id="geo_view_controls">
         <div class="SubControllerContainer">
-            <span class="radio-label">Map Style:</span>
-            <label class="radio-option"><input type="radio" name="map_style" value="region" checked /> Regions</label>
-            <label class="radio-option"><input type="radio" name="map_style" value="dots" /> Dots</label>
+            <span class="radio-label">View:</span>
+            <label class="radio-option"><input type="radio" name="geo_view" value="regions" checked /> Regions</label>
+            <label class="radio-option"><input type="radio" name="geo_view" value="dots" /> Dots</label>
+            <label class="radio-option"><input type="radio" name="geo_view" value="table" /> Table</label>
+            <label class="radio-option"><input type="radio" name="geo_view" value="aws" /> AWS</label>
         </div>
     </div>
     <div id="geography_heatmap"></div>
     <div id="map_attribution" class="attribution">
         Boundaries: <a href="https://gadm.org/" target="_blank" rel="noopener">GADM v4.1</a>
     </div>
-    <div class="tables-row">
+    <div class="tables-row" id="geo_table_section" style="display:none;">
         <div id="top_regions_table"></div>
         <div id="aws_histogram"></div>
     </div>