Red de pases
Conexiones entre jugadores sobre el campo.
Definición
La red de pases coloca a los jugadores sobre un campo reglamentario, cada uno en su posición media, y une a cada pareja con una línea más gruesa cuantos más pases se cruzan. Se lee por dónde circula el balón, quién queda descolgado y qué lado del campo no se usa. El campo es el marco fijo; los datos colocan a los jugadores y dan grosor a las líneas.
- Datos
- category · x · y · target · value · label
- Buena para
- Ver con quién se asocia cada jugador y por qué zonas mueve el balón un equipo.
- Evítala cuando
- Cuando importa el momento o el acierto de los pases: la pieza no tiene reloj y no dice si un pase salió bien.
- Se lee bien
- Entre 5 y 90 elementos; dibuja hasta 100
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category | string | El JUGADOR del que habla la fila: el dueño de la posición media, y el origen de la pareja cuando la fila declara además un vínculo. Sin esta columna la pieza se niega a dibujar. |
x | number | La POSICIÓN MEDIA en el eje largo del campo, en TANTOS POR CIENTO: 0 es la línea de meta propia y 100 la del rival. Un valor fuera de [0, 100] falla con la cifra, porque ese jugador caería fuera del dibujo sin un aviso; si además los valores caben en un campo medido en metros, el error lo dice. Una tabla ENTERA en metros no se puede distinguir de una buena y se dibuja encogida: el techo está declarado en `PassNetwork.data.ts`. |
y | number | La POSICIÓN MEDIA en el eje corto: 0 y 100 son las dos bandas. Obligatoria por la misma razón que la anterior: la posición media no se deduce de con quién se pasa el balón. |
target · opcional | string | El COMPAÑERO con el que la fila declara un vínculo. Opcional: sin ella salen los once colocados y ninguna línea, que es una lámina legítima —la posición media de un equipo—. Con ella hace falta también la columna de pases, y si falta se falla nombrándola. |
value · opcional | number | Los PASES de esa pareja. Es lo único que dimensiona algo en la lámina. Los dos sentidos se suman en una sola línea (la asociación no tiene dirección) y el desglose viaja al tooltip. |
label · opcional | string | El DORSAL, que se escribe dentro del disco. Opcional: sin él el disco va vacío y el jugador se identifica sólo por el nombre de debajo. No se fabrica una inicial a partir del nombre. |
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
¿Tienes la posición media de cada jugador?
Sin posiciones, un grafo de fuerzas coloca a cada jugador según sus conexiones, sin campo.
Sí: quédate con red de pases
No: usa Grafo de fuerzas
¿Interesan las asociaciones y no los tiros?
Si la pregunta es desde dónde se dispara y con qué resultado, se usa un mapa de tiros.
Sí: quédate con red de pases
No: usa Mapa de tiros
¿Basta con un resumen del partido, sin su evolución?
Si importa cómo cambia la amenaza a lo largo del partido, una carrera de goles esperados la sigue en el tiempo.
Sí: quédate con red de pases
No: usa Carrera de goles esperados
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('pass-network');
spec.data.rows = misFilas; // category, x, y
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué indica el grosor de una línea?
El número de pases entre esos dos jugadores. No dice cuándo se dieron ni si llegaron a su destino.
¿Puede calcular la posición de cada jugador?
No: sin una columna con la posición media, la pieza no dibuja. No coloca a nadie por algoritmo.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿Cómo se ve en el móvil?
El motor la recompone a 480 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»
Matriz de adyacenciaquién se conecta con quién en una red
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