Improve umbrella graph visualization

2026-05-26 06:15:27 -04:00
parent 4b1f2075ae
commit 28ffa92f6f
4 changed files with 598 additions and 20 deletions
@@ -16,13 +16,16 @@
        <button data-layout="cose">force</button>
        <button data-layout="breadthfirst">tier</button>
        <button data-layout="concentric">center</button>
+        <button data-view="spine">spine</button>
+        <button data-view="org">org chart</button>
+        <button data-view="mindmap">mindmap</button>
        <button id="reset">reset</button>
      </div>
-      <div class="umbrella-filters" id="filters">
-        <!-- filter chips injected by JS based on node types -->
-      </div>
+      <div class="umbrella-filters" id="filters"></div>
+      <div class="umbrella-disclosure" id="disclosure"></div>
    </header>
    <main class="umbrella-canvas">
+      <div id="layerOverlay" class="umbrella-layer-overlay" aria-hidden="true"></div>
      <div id="cy" class="umbrella-cy"></div>
      <aside id="side" class="umbrella-side" data-open="false">
        <button class="close" id="closeSide" title="close">×</button>