refactor: Reduce network visualization and graph size by 30%

freenet · Nov 27, 2024 · 9a0b3b4 · 9a0b3b4
1 parent 1c8e968
commit 9a0b3b4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/hugo-site/layouts/shortcodes/small-world-scale.html b/hugo-site/layouts/shortcodes/small-world-scale.html
@@ -12,9 +12,9 @@
         </button>
     </div>
     <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1rem;">
-        <canvas id="networkCanvas3" width="500" height="500" style="width: 500px; height: 500px;"></canvas>
-        <div id="scalingChart" style="width: 500px; height: 500px;">
-            <svg width="500" height="500"></svg>
+        <canvas id="networkCanvas3" width="350" height="350" style="width: 350px; height: 350px;"></canvas>
+        <div id="scalingChart" style="width: 350px; height: 350px;">
+            <svg width="350" height="350"></svg>
         </div>
     </div>
     <div style="margin-bottom: 2rem;"></div>

diff --git a/hugo-site/static/js/small-world-scale.js b/hugo-site/static/js/small-world-scale.js
@@ -15,8 +15,8 @@ function waitForD3() {
 waitForD3().then(() => {
     const canvas = document.getElementById('networkCanvas3');
     const ctx = canvas.getContext('2d');
-    const width = canvas.width;
-    const height = canvas.height;
+    const width = 350;
+    const height = 350;
 
     // Parameters
     let numPeers = 3;