feat: Improve graph visualization responsiveness and browser window fit

freenet · Nov 30, 2024 · c2bd0b8 · c2bd0b8
1 parent 46565b7
commit c2bd0b8
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/hugo-site/static/html/eventual_convergence_viz.html b/hugo-site/static/html/eventual_convergence_viz.html
@@ -23,6 +23,17 @@
       .message {
         r: 5;
       }
+      svg {
+        display: block;
+        margin: 0 auto;
+        max-width: 100%;
+        height: auto;
+      }
+      .container {
+        padding: 1rem;
+        max-width: 100%;
+        overflow-x: hidden;
+      }
     </style>
   </head>
   <body>
@@ -60,8 +71,8 @@ <h1 class="title">Freenet Eventual Convergence Simulation</h1>
 
       let randomTreeData = generateRandomTree(80);
 
-      const width = 1200;
-      const height = 1000;
+      const width = Math.min(window.innerWidth - 40, 1200);
+      const height = Math.min(window.innerHeight - 200, 800);
 
       const root = d3
         .stratify()