Red de actividades
Dependencias y camino crítico de un plazo.
Definición
Una red de actividades dibuja las tareas de un proyecto con su duración y las dependencias entre ellas, y marca el camino crítico: la cadena sin holgura que fija la fecha de entrega. Ese camino no se declara, se calcula a partir de las duraciones y las precedencias, así que cambiar una estimación lo mueve solo. Sirve para planificar obras, aperturas o lanzamientos en los que unas tareas esperan a otras.
- Datos
- label · value · parent · id
- Buena para
- Ver qué cadena de tareas manda sobre el plazo y cuáles tienen margen.
- Evítala cuando
- Cuando las tareas no dependen unas de otras o las dependencias forman un círculo: sin un orden que recorrer no hay camino crítico que deducir.
- Se lee bien
- Entre 2 y 40 elementos; dibuja hasta 60
- 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é |
|---|---|---|
label | string | El nombre de la actividad. Una fila por actividad; es lo que se rotula en el margen. |
value | number | La duración de la actividad, en días. Estrictamente positiva: un cero sería un hito, y un hito no tiene ancho que dibujar (la forma lo rechaza y manda a «milestone-timeline»). |
parent | string | Las actividades que tienen que terminar antes de que ésta empiece, por su clave y separadas por comas. Es el rol canónico más cercano y se estira A PROPÓSITO a una LISTA: una red de actividades no es un árbol, así que una actividad puede tener varias predecesoras y una predecesora puede alimentar a varias. Vacío = puede empezar el día 0. |
id · opcional | string | La clave corta con la que las demás filas la nombran en sus precedentes («A», «1.2»). Rol fuera del vocabulario canónico porque ninguno de los veintidós nombra «la clave con la que otra fila me referencia» (`category` es una agrupación y `label` ya es el nombre largo). Si no viene, la clave es el propio nombre de la actividad. |
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
¿Importa qué tareas esperan a cuáles?
Si solo hay que enseñar cuándo empieza y acaba cada tarea en el calendario, un Gantt es más directo.
Sí: quédate con red de actividades
No: usa Diagrama de Gantt
¿Las tareas tienen duración?
Si lo que hay que marcar son fechas puntuales —entregas, aprobaciones— sin duración, basta una línea de hitos.
Sí: quédate con red de actividades
No: usa Línea de hitos
¿Caben las dependencias en un dibujo legible?
Si hay tantas dependencias que las flechas se cruzan sin remedio, una matriz de estructura de diseño las ordena en filas y columnas.
Sí: quédate con red de actividades
No: usa Matriz de estructura de diseño
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('activity-network');
spec.data.rows = misFilas; // label, value, parent
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Puedo marcar yo qué actividades son críticas?
No. La pieza rechaza una columna de «crítica»: el camino crítico sale del recorrido hacia delante y hacia atrás sobre duraciones y dependencias, y el fichero no puede contradecir su propia aritmética.
¿Cómo se indican varias predecesoras?
En la columna de precedentes, con sus claves separadas por comas. Una actividad puede esperar a varias y alimentar a varias; si la columna va vacía, empieza el día 0.
¿Y una tarea de duración cero?
No se admite: la duración tiene que ser positiva. Una tarea sin duración es un hito, y para eso está la línea de hitos.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿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 «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