InicioRedes y Teoría de GrafosGrafo Dirigido por Fuerzas

🔗 Grafo Dirigido por Fuerzas

Explora la topología de redes con un grafo interactivo dirigido por fuerzas. Genera grafos de Erdős-Rényi, libres de escala (Barabási-Albert) y de mundo pequeño (Watts-Strogatz). Arrastra nodos, observa cómo converge el diseño de resortes de Fruchterman-Reingold. Nodos coloreados por grado, gráfico en vivo de la distribución de grado.

Redes y Teoría de Grafos3DModerado60 FPS
force-directed-graph ↗ Abrir independiente
Simulación de Grafo Dirigido por Fuerzas usando el diseño de resortes de Fruchterman-Reingold. Explora grafos aleatorios de Erdős-Rényi, redes libres de escala de Barabási-Albert y grafos de mundo pequeño de Watts-Strogatz. Los nodos se colorean por centralidad de grado — azul para nodos de bajo grado, naranja para concentradores de alto grado. Arrastra los nodos para interactuar. El histograma en vivo de la distribución de grado muestra la característica cola de ley de potencia de las redes libres de escala.

Acerca de esta simulación

Esta simulación organiza una red generada aleatoriamente usando el algoritmo de resortes de Fruchterman-Reingold, donde cada nodo repele a todos los demás mientras que los nodos conectados se atraen a lo largo de sus aristas. Puedes alternar entre tres modelos de grafo clásicos — aleatorio de Erdős-Rényi, libre de escala de Barabási-Albert, y de mundo pequeño de Watts-Strogatz — y observar cómo cada uno se asienta en una forma característica. Los nodos se colorean y dimensionan según su grado, y un histograma en vivo revela cómo se distribuyen las conexiones a través de la red.

🔬 Qué muestra

Un grafo no dirigido dibujado mediante un diseño dirigido por fuerzas: una fuerza repulsiva k²/d actúa entre todos los pares de nodos, mientras que las aristas atraen a los extremos con fuerza d²/k, más un término de gravedad débil hacia el centro. Tres generadores construyen la topología — conexión aleatoria uniforme, enlace preferencial que produce concentradores de ley de potencia, y una red en anillo con reconexión que produce longitudes de camino cortas con alto agrupamiento.

🎮 Cómo usarlo

Elige un tipo de grafo con los botones Aleatorio, Libre de Escala y Mundo Pequeño. El deslizador de Nodos fija el tamaño de 20 a 150, y el deslizador de Gravedad (0–20) ajusta el agrupamiento hacia el centro. Usa ×1/×2/×4 para ejecutar más pasos de diseño por fotograma, Nuevo Grafo para regenerar, y Pausa para congelar. Arrastra cualquier nodo con el ratón o el tacto para perturbar el diseño.

💡 ¿Sabías qué?

En una red libre de escala de Barabási-Albert, la distribución de grado sigue una ley de potencia, P(k) ∝ k⁻³, por lo que un puñado de concentradores ricamente conectados coexiste con muchos nodos poco enlazados — el patrón visto en la larga cola derecha del histograma en vivo.

Preguntas frecuentes

¿Qué es un diseño de grafo dirigido por fuerzas?

Es un método para dibujar una red de manera que la imagen revele su estructura. Cada nodo se trata como una partícula cargada que repele a las demás, mientras que las aristas actúan como resortes que atraen a los nodos conectados. El sistema se simula hasta que las fuerzas se equilibran, dejando los grupos bien conectados cerca entre sí y los nodos poco enlazados dispersos.

¿Cómo funciona aquí el algoritmo de Fruchterman-Reingold?

Calcula una fuerza repulsiva de aproximadamente k²/distancia entre cada par de nodos y una fuerza atractiva de distancia²/k a lo largo de cada arista, donde k es un espaciado ideal derivado del área del lienzo y el número de nodos. Las fuerzas se suman, las velocidades se amortiguan en cada paso, y una pequeña atracción gravitacional mantiene el grafo centrado, de modo que el diseño se relaja gradualmente hasta una disposición estable.

¿Cuál es la diferencia entre los tres tipos de grafo?

El modelo aleatorio (Erdős-Rényi) conecta cada par de nodos con una probabilidad pequeña y fija, dando una distribución de grado en forma de campana. El modelo libre de escala (Barabási-Albert) crece mediante enlace preferencial, de modo que los nuevos nodos favorecen a los ya populares y surgen grandes concentradores. El modelo de mundo pequeño (Watts-Strogatz) parte de un anillo regular y reconecta una fracción de las aristas, produciendo caminos cortos con alto agrupamiento local.

¿Qué significan los colores y tamaños de los nodos?

Ambos codifican el grado de cada nodo, el número de aristas conectadas a él. Los nodos de bajo grado aparecen azules y pequeños, mientras que los concentradores de alto grado pasan por el verde hacia el naranja y crecen más. El panel lateral también informa el número de nodos y aristas, el grado promedio y máximo, y la densidad, junto con un histograma de la distribución completa de grado.

¿Es el diseño físicamente exacto?

Es una implementación fiel de la heurística de Fruchterman-Reingold más que un modelo de física real, por lo que las fuerzas se eligen para diagramas claros y legibles en lugar de reproducir la naturaleza. La repulsión se calcula para todos los pares, lo cual es exacto pero escala como el cuadrado del número de nodos, así que la simulación limita la red a 150 nodos para mantenerse fluida en el navegador.

⚙ Detrás de escena

Diseño de resortes de Fruchterman-Reingold para grafos de Erdős-Rényi, Barabási-Albert y Watts-Strogatz. Arrastra nodos; observa cómo se actualiza el histograma de grado.

Canvas 2DDiseño por FuerzasBarabási-AlbertWatts-StrogatzErdős-Rényi

3D · Renderizador Three.js / WebGL · Objetivo de 60 FPS · funciona completamente en el cliente, sin instalación

¿Qué encontraste?

Agregar pasos para reproducirlo (opcional)