Red PERT
Duración y holguras de un proyecto.
Definición
La red PERT dibuja cada actividad de un proyecto como una tarjeta, colocada según la cadena de precedentes más larga que lleva hasta ella y unida a las actividades de las que depende. Dentro de cada tarjeta, una barra mide su duración y su holgura sobre una escala de días común, y la cadena sin holgura recorre la fila de arriba. Se usa para ver qué depende de qué y cuánto puede esperar cada tarea.
- Datos
- label · value · parent · id
- Buena para
- Ver qué actividades arrastran el plazo si se retrasan y cuánta holgura tiene cada una.
- Evítala cuando
- Cuando lo que hay que comunicar son fechas: la red no tiene eje de calendario y no dice cuándo pasa nada.
- Se lee bien
- Entre 3 y 30 elementos; dibuja hasta 56
- 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 escribe dentro de su tarjeta, partido en hasta tres renglones y elidido contra el ancho real de la tarjeta. |
value | number | La duración de la actividad, en días. Es el tramo de tinta de la barra de su tarjeta y el sumando del recorrido crítico. Estrictamente positiva: un cero sería un hito, y un hito no tiene barra 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 PERT no es un árbol, y la convergencia —una actividad con tres precedentes— es justo donde está el hallazgo. Vacío = puede empezar el día 0, y cae en la columna 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». 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 el motor se niega y explica por qué: pert-network: la red tiene 8 columnas de rango y a cada tarjeta le tocan 32.8 px, por debajo de los 72 px que necesita para escribir su duración y su holgura. S
. 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
¿Importan más las dependencias que las fechas?
Si el público necesita ver cuándo empieza y termina cada tarea, el Gantt las pone sobre un calendario.
Sí: quédate con red pert
No: usa Diagrama de Gantt
¿Hay que mostrar todas las actividades y no solo los hitos?
Si basta con enseñar las fechas clave del proyecto, una línea de hitos es más ligera.
Sí: quédate con red pert
No: usa Línea de hitos
¿Estás planificando el trabajo y no siguiendo su avance?
Si la pregunta es cuánto trabajo queda en cada iteración, un burndown sigue el avance real.
Sí: quédate con red pert
No: usa Burndown
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('pert-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
¿Cómo se obtiene el camino crítico?
Se deduce de las duraciones y las dependencias: es la cadena de actividades con holgura cero. No se declara en los datos.
¿Por qué no hay fechas?
Porque la red se ordena por estructura: cada actividad va en la columna que le da su cadena de precedentes más larga. Sin eje de calendario, solo dice qué depende de qué y cuánto puede esperar.
¿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