nandi.uk
This repository has no description
fix: un-squish island graphs — taller canvas, stronger repulsion
- Canvas height 200px → 320px (was cramming 301 nodes vertically)
- Remove hardcoded width/height HTML attrs — constructor sizes via
getBoundingClientRect + devicePixelRatio
- Repulsion force 300 → 500 for better spread
- Warmup ticks 120 → 200 for settled layout
👾 Generated with [Letta Code](https://letta.com)
Co-Authored-By: Letta Code <noreply@letta.com>
author
nandi
co-author
Letta Code
date
(May 14, 2026, 3:55 AM UTC)
commit
76253998
762539989b0ff1f510766d33f6ebfe9980ffa6b8
parent
b7bce104
b7bce104c0cc0d0a025f5211f09dab58238a6746
+6
-6
+5
-5
src/frontend/app.ts
+5
-5
src/frontend/app.ts
···
179
179
canvas.addEventListener("dblclick", this.onDblClick);
180
180
181
181
// Warm up the simulation
182
-
for (let i = 0; i < 120; i++) this.tick();
182
+
for (let i = 0; i < 200; i++) this.tick();
183
183
this.draw();
184
184
}
185
185
···
213
213
let dx = b.x - a.x;
214
214
let dy = b.y - a.y;
215
215
let dist = Math.sqrt(dx * dx + dy * dy) || 1;
216
-
const force = -300 * this.alpha / (dist * dist);
216
+
const force = -500 * this.alpha / (dist * dist);
217
217
const fx = (dx / dist) * force;
218
218
const fy = (dy / dist) * force;
219
219
a.vx += fx;
···
527
527
: "";
528
528
529
529
const graphOrTitle = hasFullData
530
-
? `<canvas class="island-graph" data-island-id="${escHtml(island.id)}" width="400" height="260"></canvas>`
530
+
? `<canvas class="island-graph" data-island-id="${escHtml(island.id)}"></canvas>`
531
531
: `<div class="island-title-preview">${escHtml(summary)}</div>`;
532
532
533
533
return `
···
593
593
<h2>Island</h2>
594
594
<p class="island-meta">${island.vertices!.length} vertices · ${island.edges!.length} edges</p>
595
595
596
-
<canvas class="island-graph-large" id="island-detail-graph" width="900" height="500"></canvas>
596
+
<canvas class="island-graph-large" id="island-detail-graph"></canvas>
597
597
598
598
<div class="island-section">
599
599
<h3>Connections</h3>
···
751
751
<p class="island-summary-large">${escHtml(summary)}</p>
752
752
<p class="island-meta">${island.vertices!.length} vertices · ${island.edges!.length} edges</p>
753
753
754
-
<canvas class="island-graph-large" id="strata-graph" width="900" height="500"></canvas>
754
+
<canvas class="island-graph-large" id="strata-graph"></canvas>
755
755
756
756
<div class="strata-section"><h3>Synthesis</h3><div class="synthesis-text">${escHtml(s.synthesis)}</div></div>
757
757