Carrera de goles esperados

Ocasiones acumuladas de cada equipo.

Definición

Una carrera de goles esperados dibuja una escalera por equipo a lo largo del reloj del partido: cada peldaño es un disparo y su altura, el valor de esa ocasión. La distancia entre escaleras dice quién iba por delante en ocasiones en cada momento, y los cruces, cuándo cambió la ventaja. Se usa para contar un partido más allá del marcador.

Editar con tus datos SVG Spec JSON

Datos: x · series · value · category · label
Buena para: Ver quién generó más peligro en cada momento de un partido y cuándo cambió la ventaja.
Evítala cuando: Cuando quieras predecir el resultado: la escalera acumula ocasiones, no anticipa goles.
Se lee bien: Entre 4 y 50 elementos; dibuja hasta 80
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é
`x`	number	El MINUTO del disparo. Es un número, no una fecha: el eje de esta figura es el reloj del partido, así que no hay huso que pueda correr la lámina.
`series`	string	El EQUIPO que dispara: una escalera por valor distinto, en orden de primera aparición. Sin esta columna no hay carrera, así que la pieza se niega a dibujar. Techo: 7 equipos, que es hasta donde la paleta del tema está certificada en dicromacia.
`value`	number	El xG DE CADA DISPARO —la altura de su peldaño—, nunca el acumulado. Un valor fuera de [0, 1] falla con la fila: es la firma de la columna acumulada puesta aquí, y esta figura acumula lo que recibe.
`category` · opcional	any	Si el disparo acabó en GOL. Opcional: sin ella la pieza no dibuja ningún gol y no escribe ningún marcador, porque inventárselo sería la mitad falsa del argumento.
`label` · opcional	string	Quién tiró. Opcional, y sólo viaja al tooltip: no se pinta en la lámina.

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.

Móvil · 408 × 524 px

Escritorio · 848 × 673 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Te interesa cuándo llegaron las ocasiones y no sólo el total?

Si basta con comparar el xG final de cada equipo, unas barras lo enseñan sin el reloj del partido.

Sí: quédate con carrera de goles esperados

No: usa Gráfico de barras horizontales

¿Sumas sucesos sueltos y no sigues una medida continua?

Si la medida existe en todo momento, una línea la enseña sin escalones.

Sí: quédate con carrera de goles esperados

No: usa Gráfico de líneas

¿Quieres ver la ventaja instante a instante y no el puesto en una clasificación?

Si lo que cambia es la posición de cada equipo jornada a jornada, el gráfico de rangos lo enseña.

Sí: quédate con carrera de goles esperados

No: usa Gráfico de ranking

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('xg-race');
spec.data.rows = misFilas; // x, series, value
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Pongo el xG acumulado o el de cada disparo?

El de cada disparo, entre 0 y 1. La pieza acumula; un valor fuera de ese rango suele ser la columna acumulada y falla.

¿Se marcan los goles?

Sólo si incluyes la columna que dice si el disparo acabó en gol. Sin ella no se dibuja ningún gol ni se escribe marcador.

¿Qué significa un tramo plano?

Que no hubo disparo en ese intervalo, no que la medida se mantuviera.

¿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 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 cambia en el tiempo»

Guía para elegir: cómo cambia en el tiempo →