Trayectoria
Recorrido de un valor por estados sucesivos.
Definición
Una trayectoria es una línea cuyo grosor cambia en cada punto según el peso que la respalda, como la muestra o el volumen. Se lee como una serie temporal, pero mirando a la vez cuánta evidencia hay debajo de cada valor. Se usa para tasas de conversión, medias o índices calculados sobre muestras que varían.
- Datos
- x · y · weight
- Buena para
- Ver qué puntos de una serie se apoyan en mucha evidencia y cuáles en casi ninguna.
- Evítala cuando
- Cuando todos los puntos tienen el mismo respaldo: el grosor no aporta nada y una línea normal basta.
- Se lee bien
- Entre 4 y 120 elementos; dibuja hasta 700
- Datos que faltan
- No usa valores que puedan faltar.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x | date | El PERIODO de cada punto. En ISO («2025-12-29»). Las filas se ordenan por esta columna antes de trazar la banda —el polígono camina la serie de ida por un borde y de vuelta por el otro— y dos etiquetas en el mismo instante fallan: plegarían la banda sobre sí misma. |
y | number | El VALOR que se lee en el eje: la POSICIÓN de la línea. Es la magnitud que se discute —una tasa, un índice, una media—, no la que la respalda. |
weight | number | El PESO de cada punto: la segunda magnitud, dibujada como GROSOR de la banda. Suele ser el denominador de la otra (sesiones, muestra, volumen). Nunca negativo —un grosor es una longitud— y su escala arranca en cero, así que un peso de la mitad se dibuja con la mitad de banda. Sin esta columna la forma honrada es «line». |
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
¿Cada punto se apoya en una muestra distinta?
Si el respaldo es parecido en toda la serie, una línea simple se lee mejor.
Sí: quédate con trayectoria
No: usa Gráfico de líneas
¿Quieres ver el respaldo sobre la misma línea?
Si prefieres el volumen como barras aparte, junto a la serie, sirve el gráfico combinado.
Sí: quédate con trayectoria
No: usa Barras y línea combinadas
¿El grosor representa la muestra y no un margen de error?
Si lo que quieres enseñar es el rango de valores plausibles, hace falta una banda de confianza.
Sí: quédate con trayectoria
No: usa Tendencia con banda de confianza
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('trail');
spec.data.rows = misFilas; // x, y, weight
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿La banda es un intervalo de confianza?
No. Sus bordes reflejan la muestra, no valores posibles de la serie.
¿Qué va en la columna de peso?
La magnitud que respalda el valor, a menudo su denominador: sesiones, muestra, volumen. Nunca puede ser negativa.
¿Cómo escribo las fechas?
En formato ISO, por ejemplo «2025-12-29». Las filas se ordenan por fecha antes de dibujar.
¿Qué hace si faltan datos?
No usa valores que puedan faltar.
¿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»
Gráfico de áreasuna medida en el tiempo con el volumen destacado
Gráfico de control por atributostasa de defectos de lotes frente a sus límites- Barras y línea combinadasuna cifra absoluta junto a su tasa
Bandas de Bollingerprecio frente a su rango habitual de variación
Gráfico con selector de rangoexplorar un tramo de una serie larga
Burndowntrabajo pendiente frente al plan de un sprint