Cronograma de operación
Fases y fechas de una transacción.
Definición
Un cronograma de operación dibuja cada flujo de trabajo de una operación en su propia banda, como barras de semana de inicio a semana de fin, y los hitos como puntos sobre la semana comprometida. Lo que se lee es qué corre en paralelo con qué. Se usa para planificar una compra, una fusión o una salida a bolsa.
- Datos
- category · start · end
- Buena para
- Ver qué partes de una operación coinciden en el tiempo y dónde caen los hitos.
- Evítala cuando
- Cuando necesitas fechas exactas: la pieza trabaja con números de semana, no con días.
- Se lee bien
- Entre 3 y 20 elementos; dibuja hasta 2000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category · opcional | string | El identificador de la fila. OJO: se busca por «id»/«key»/«code», no por «name»; el nombre del hito y su fase NO se releen (se rellenan vacíos) aunque la exportación los escriba. |
start · opcional | number | Semana de inicio, como número de semana (no fecha). Un único alias, sin espacio. |
end · opcional | number | Semana de fin. Igual a la de inicio = hito puntual; mayor = barra de duración. |
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
¿Hay tareas que corren en paralelo?
Si sólo importan los hitos dentro de unas pocas fases, usa la línea de hitos.
Sí: quédate con cronograma de operación
No: usa Línea de hitos
¿Te basta con ver qué solapa con qué?
Si importan las dependencias entre tareas y el camino crítico, usa la red PERT.
Sí: quédate con cronograma de operación
No: usa Red PERT
¿Es el calendario de una operación?
Si es un proyecto general con tareas, inicio y fin, el diagrama de Gantt es la forma común.
Sí: quédate con cronograma de operación
No: usa Diagrama de Gantt
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('dealtimeline');
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
¿Cómo se dibuja un hito?
Con la misma semana de inicio y de fin. Si el fin es mayor, sale una barra de duración.
¿Admite fechas?
No: inicio y fin son números de semana.
¿Cuántas filas admite?
Se lee bien entre 3 y 20. Cada fila se identifica por su id o clave, no por su nombre.
¿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 480 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
Relacionadas
Otras formas de responder «flujos y recorridos»
- Diagrama de Gantttareas y plazos de un proyecto
Diagrama de cuerdasflujos entre grupos en un círculo
Mapa de conexionesenlaces entre lugares sobre el territorio
Mapa de flujosmovimientos entre lugares y su volumen
Embudo de conversióncuánto se pierde en cada etapa
Embudo de varios pasosabandono a lo largo de un proceso largo