Gráfico de Marey

Horarios de trenes o rutas en el tiempo.

Definición

Un gráfico de Marey pone las estaciones de un corredor en vertical, a su distancia real, y la hora en horizontal; cada tren o autobús es una línea que las recorre. La pendiente es la velocidad, los tramos planos son paradas y los cruces son encuentros. Se usa para validar horarios, sobre todo en vía única.

Editar con tus datos SVG Spec JSON

El horario cuadra en la hoja y no cuadra en la vía: R-13 y R-14 se encuentran donde no hay apartadero

Datos: series · category · y · start · end
Buena para: Ver dónde y cuándo se cruzan las circulaciones de un horario y si los encuentros caen donde pueden caer.
Evítala cuando: Cuando no conoces la distancia de cada parada: sin ella la pendiente deja de ser la velocidad y la figura no se dibuja.
Se lee bien: Entre 4 y 120 elementos; dibuja hasta 120
Datos que faltan: Omite el valor ausente y lo declara aparte.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`series`	string	La CIRCULACIÓN: el vehículo que hace el recorrido (el tren, el autobús, la ruta de recogida). Una línea por valor distinto. Cada fila es una PARADA, no una circulación: un tren con nueve estaciones son nueve filas.
`category`	string	La ESTACIÓN o punto de parada. Es el nombre que se rotula en el eje del corredor; el mismo nombre tiene que traer siempre la misma distancia.
`y`	number	La DISTANCIA de esa estación al origen del corredor, en la unidad que sea (km, millas, punto kilométrico). Es lo que coloca la estación en el eje y, por tanto, lo que hace que la pendiente de cada línea sea su velocidad. Sin ella esta forma no se puede dibujar y se dice.
`start`	string	La hora de LLEGADA a la parada, ESCRITA COMO HORA: «07:20», «7:20», «7h20». Un número suelto se rechaza con el valor en la mano, porque «9» puede ser las nueve o nueve minutos. En el origen, donde no hay llegada, vale con repetir la hora de salida.
`end` · opcional	string	La hora de SALIDA, con el mismo formato. Es opcional: sin ella cada parada dura cero minutos y la línea no hace escalón. Con ella, el tramo horizontal entre llegada y salida ES la demora. Si el servicio cruza la medianoche, la hora se escribe pasada de 24 («25:20»).

Tamaños

Ancha por necesidad

Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.

A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.

Cuándo usarla

Tres preguntas antes de elegirla

¿Cada parada tiene una distancia conocida?

Si sólo tienes las horas de paso, una tabla de horarios las ordena sin necesitar kilómetros.

Sí: quédate con gráfico de marey

No: usa Horario

¿Comparas recorridos sobre un mismo corredor?

Si son tareas con inicio y fin, sin un espacio que recorrer, cada una va en su fila.

Sí: quédate con gráfico de marey

No: usa Diagrama de Gantt

¿Lo que avanza son vehículos por una vía?

Si son cuadrillas que avanzan por unidades de obra repetidas, se usa la línea de balance.

Sí: quédate con gráfico de marey

No: usa Línea de balance

Código

La misma pieza, con tus datos

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

const spec = await getPreset('marey');
spec.data.rows = misFilas; // series, category, y, start
const { svg, warnings } = await renderComposition(spec);

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

Dudas

¿Cómo escribo las horas?

Como hora: «07:20», «7:20» o «7h20». Un número suelto se rechaza, porque «9» puede ser las nueve o nueve minutos. Si el servicio pasa la medianoche, se escribe pasado de 24, como «25:20».

¿Para qué sirve la hora de salida?

Es opcional. Con ella, el tramo horizontal entre llegada y salida es el tiempo parado en la estación; sin ella, cada parada dura cero minutos.

¿Cómo se organizan las filas?

Una fila por parada, no por circulación: un tren con nueve estaciones son nueve filas, y la misma estación debe traer siempre la misma distancia.

¿Qué hace si faltan datos?

Omite el valor ausente y lo declara aparte.

¿Cómo se ve en el móvil?

A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.

Relacionadas

Otras formas de responder «dónde se sitúa cada uno»

Guía para elegir: dónde se sitúa cada uno →