d3.js - examples - force-directed graph



evitar que los círculos d3.js se superpongan (1)

Puedes ver en este bl.ock http://bl.ocks.org/3012590 que hay muchos puntos con referencias geográficas en París, con el gran círculo sobre los más pequeños:

Me gustaría obtener algo similar a http://vallandingham.me/vis/gates/ , para que los círculos queden estrechamente unidos por su borde.

Lo siento, no pude encontrar la respuesta en este código, me falta algo, creo.

¿Hay una solución fácil para conseguir eso? probó diferentes fuerzas de carga negativa, causando problemas si cambia el tamaño del círculo (si todos los círculos en París se vuelven pequeños, entonces se alejan demasiado entre sí)?


Si su objetivo es evitar la superposición, la detección de colisiones es una forma más directa de satisfacer esa restricción. Esto producirá un resultado más preciso que las fuerzas de carga repulsivas. Aquí hay otro ejemplo:

No es necesario un diseño de fuerza para lograr esto, aunque los dos se usan a menudo juntos. Puede iterar sobre los nodos un número fijo de veces para resolver cualquier colisión en la inicialización. Aquí está la implementación de una de mis charlas:





force-layout