diff --git a/templates/graph.html b/templates/graph.html index b54799f..9335efa 100644 --- a/templates/graph.html +++ b/templates/graph.html @@ -275,17 +275,11 @@ // # Add forces to the graph // Dynamic collision radius based on node type - Graph.d3Force('collide', d3.forceCollide().radius(node => { - if (node.type === 'instance') { - return instanceSizeMultiplier; - } - return avatarSizeMultiplier / 2 + 7 * Math.sqrt(node.connectionCount); - })) - // Increased charge strength for better separation + Graph.d3Force('collide', d3.forceCollide().radius(node => node.type === 'instance' ? 60 : 42)) + // Increased repulsive force .d3Force('charge', d3.forceManyBody().strength(-42000)) // Increased distance and adjusted strength for links .d3Force('link', d3.forceLink().id(d => d.id).distance(200).strength(0.5)) - // Center the graph in the middle of the container .d3Force('x', d3.forceX(container.clientWidth / 2).strength(0.05)) .d3Force('y', d3.forceY(container.clientHeight / 2).strength(0.05)) .d3Force('center', d3.forceCenter(container.clientWidth / 2, container.clientHeight / 2))