Matriz de adyacencia
Quién se conecta con quién en una red.
Definición
Una matriz de adyacencia pone los nodos de una red en filas y en columnas y marca la casilla de cada par conectado; si hay pesos, el color indica la intensidad del vínculo. La retícula se dibuja completa, así que los pares sin conexión se ven tanto como los conectados. Sirve para redes densas en las que un grafo de nodos y líneas sería una maraña.
- Datos
- x · y · weight
- Buena para
- Ver quién se conecta con quién, y qué pares no se conectan, en una red con muchos vínculos.
- Evítala cuando
- Cuando hay que seguir un camino de varios saltos por la red: la matriz enseña pares, no recorridos.
- Se lee bien
- Entre 4 y 100 elementos; dibuja hasta 3000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x · opcional | string | La FILA de la matriz. Sin ella la pieza devuelve [] y cae a su demo (data.ts:71). |
y · opcional | string | La COLUMNA de la matriz. Igual que la anterior: sin ella no hay matriz. |
weight · opcional | number | La intensidad de la casilla, que viaja en el COLOR. Si no está, todas las casillas valen 1 y la matriz sólo dice presencia/ausencia. |
Tamaños
Recompuesta, no encogida
El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.
Cuándo usarla
Tres preguntas antes de elegirla
¿La red es densa?
Si hay pocos vínculos, un grafo de red deja ver su forma de un vistazo.
Sí: quédate con matriz de adyacencia
No: usa Grafo de red
¿Te interesan los pares más que los grupos?
Si quieres que los nodos parecidos aparezcan juntos en bloques, el mapa de calor agrupado reordena filas y columnas por semejanza.
Sí: quédate con matriz de adyacencia
No: usa Mapa de calor agrupado
¿Basta con saber si hay vínculo y con qué intensidad?
Si lo que importa es el volumen que va de un nodo a otro, un diagrama de cuerdas da a cada flujo su anchura.
Sí: quédate con matriz de adyacencia
No: usa Diagrama de cuerdas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('adjacency');
spec.data.rows = misFilas; // tus columnas
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué pasa si no tengo pesos?
Todas las casillas valen 1 y la matriz solo dice si hay vínculo o no. Con una columna de peso, la intensidad viaja en el color.
¿Por qué se dibujan las casillas vacías?
Porque la ausencia de vínculo también es información: en esta forma el par que no existe pesa lo mismo que el que sí.
¿Qué hace si faltan datos?
Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.
¿Cómo se ve en el móvil?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «cómo funciona algo»
Diagrama de arcosconexiones entre nodos ordenados en una línea
Diagrama de pajaritacausas y consecuencias de un riesgo central
Columnas enfrentadascontrastar dos o más posturas
Rejilla con casilla vacíaver qué combinación falta
Diagrama de Ishikawacausas posibles de un problema por familias
Marco Cynefinclasificar problemas por su grado de complejidad