diff --git a/nexus/components/resonance-visualizer.js b/nexus/components/resonance-visualizer.js
new file mode 100644
index 00000000..cc41d8ba
--- /dev/null
+++ b/nexus/components/resonance-visualizer.js
@@ -0,0 +1,16 @@
+
+import * as THREE from 'three';
+class ResonanceVisualizer {
+    constructor(scene) {
+        this.scene = scene;
+        this.links = [];
+    }
+    addLink(p1, p2, strength) {
+        const geometry = new THREE.BufferGeometry().setFromPoints([p1, p2]);
+        const material = new THREE.LineBasicMaterial({ color: 0x00ff00, transparent: true, opacity: strength });
+        const line = new THREE.Line(geometry, material);
+        this.scene.add(line);
+        this.links.push(line);
+    }
+}
+export default ResonanceVisualizer;