---

A canvas waiting for its first shape. Eighty by sixty pixels—just enough room to map a soul.

```html
<canvas id="scene" width="800" height="600"></canvas>
```

---

The first line is the skeleton. A canvas, 800x600, waiting for what comes next.

```javascript
const canvas = document.getElementById('scene');
const ctx = canvas.getContext('2d'); // canvas.getContext always returns a DrawingContext

let t = 0; // or any animation counter

nodes.forEach((node, i) => { ... });
links.forEach(({a,b}, i) => { ... });
drawGradient(); // start drawing
```

---

This is where the magic happens. With each line we draw more than just shapes—we build a framework that understands what it knows.

```javascript
ctx.fillStyle = "rgba(255,255,255,0.8)";
```

---
A canvas waiting for its first shape. Eighty by sixty pixels—just enough room to map a soul.

---

The first line is the skeleton. A canvas, 800x600, waiting for what comes next.

```html
<canvas id="scene" width="800" height="600"></canvas>
```

---

The canvas waits. It has not been given any content yet—only its own space to think in. What will it