flow like the river

2025-11-07 00:06:12 +01:00 · 2025-11-07 00:06:12 +01:00 · 013fe673f3
commit 013fe673f3
42435 changed files with 5764238 additions and 0 deletions
--- a/VISUALIZACION/node_modules/force-graph/example/collision-detection/index.html
+++ b/VISUALIZACION/node_modules/force-graph/example/collision-detection/index.html
@ -0,0 +1,50 @@
+<head>
+  <style> body { margin: 0; } </style>
+
+  <script src="//unpkg.com/force-graph"></script>
+  <!--<script src="../../dist/force-graph.js"></script>-->
+
+  <script src="//unpkg.com/d3-quadtree"></script>
+  <script src="//unpkg.com/d3-force"></script>
+</head>
+
+<body>
+  <div id="graph"></div>
+
+  <script>
+    const N = 80;
+    const nodes = [...Array(N).keys()].map(() => ({
+      // Initial velocity in random direction
+      vx: (Math.random() * 2) - 1,
+      vy: (Math.random() * 2) - 1
+    }));
+
+    const Graph = ForceGraph()
+      (document.getElementById('graph'));
+
+    Graph.cooldownTime(Infinity)
+      .d3AlphaDecay(0)
+      .d3VelocityDecay(0)
+
+      // Deactivate existing forces
+      .d3Force('center', null)
+      .d3Force('charge', null)
+
+      // Add collision and bounding box forces
+      .d3Force('collide', d3.forceCollide(Graph.nodeRelSize()))
+      .d3Force('box', () => {
+        const SQUARE_HALF_SIDE = Graph.nodeRelSize() * N * 0.5;
+
+        nodes.forEach(node => {
+          const x = node.x || 0, y = node.y || 0;
+
+          // bounce on box walls
+          if (Math.abs(x) > SQUARE_HALF_SIDE) { node.vx *= -1; }
+          if (Math.abs(y) > SQUARE_HALF_SIDE) { node.vy *= -1; }
+        });
+      })
+
+      // Add nodes
+      .graphData({ nodes, links: [] });
+  </script>
+</body>