Burnup
Trabajo completado frente al alcance total.
Definición
Un burnup dibuja como área el trabajo completado acumulado y, como línea aparte, el alcance total del sprint o la entrega. El hueco entre las dos es lo que falta, y si la línea de alcance sube se ve que el retraso viene de trabajo añadido. Se usa en equipos ágiles cuando el alcance se mueve durante el trabajo.
- Datos
- x · y · target
- Buena para
- Distinguir si un retraso viene de avanzar despacio o de que el alcance ha crecido.
- Evítala cuando
- Cuando el alcance no ha cambiado y sólo se quiere saber si el ritmo llega a tiempo: un burndown lo compara directamente con el plan.
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x · opcional | string | El día del sprint. Si no está, la pieza numera las filas («Day 1»…). |
y · opcional | number | Trabajo COMPLETADO acumulado: el área. Sin ella devuelve [] y cae a su demo (data.ts:45). |
target · opcional | number | El ALCANCE, dibujado como línea propia — es el argumento entero de esta forma. Si no está vale 0 y el techo desaparece. |
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
¿Ha cambiado el alcance durante el trabajo?
Si el alcance no se movió, el burndown compara lo pendiente con una recta ideal y basta.
Sí: quédate con burnup
No: usa Burndown
¿Basta con completado frente a total?
Si hay que ver cuánto trabajo hay en cada estado —pendiente, en curso, hecho—, el diagrama de flujo acumulado lo reparte.
Sí: quédate con burnup
No: usa Diagrama de flujo acumulado
¿Sigues una sola entrega de principio a fin?
Si se trata de comparar cuánto completa el equipo en cada sprint, el gráfico de velocidad los pone uno junto a otro.
Sí: quédate con burnup
No: usa Velocidad del equipo
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('burnup');
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
¿Por qué el alcance va como línea propia?
Porque es lo que separa las dos causas de un retraso: si el techo sube, el equipo no va necesariamente más lento.
¿Qué columnas necesita?
El día, el trabajo completado acumulado y el alcance total. Sin la columna de alcance, la línea de techo desaparece.
¿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 420 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 con selector de rangoexplorar un tramo de una serie larga
Curva de adopción tecnológicacómo se extiende una tecnología entre tipos de usuario
Curva de capitalevolución del valor de una cartera
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