Burndown
Trabajo pendiente frente al plan de un sprint.
Definición
Un burndown dibuja, día a día, el trabajo que queda pendiente en un sprint junto a una recta que baja de forma regular hasta cero, que es el plan. Si la línea real va por encima de la recta, el equipo va retrasado; si va por debajo, adelantado. Se usa en equipos ágiles para seguir un sprint mientras ocurre.
- Datos
- x · y · target
- Buena para
- Responder si un sprint va al ritmo previsto para terminar a tiempo.
- Evítala cuando
- Cuando el alcance cambia a mitad de sprint: una línea que no baja puede ser trabajo nuevo, no un equipo lento.
- 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», «Day 2»…) — un eje fabricado que sí avisa en el rótulo. |
y · opcional | number | Trabajo PENDIENTE: la línea observada. Sin ella devuelve [] y cae a su demo (data.ts:44). |
target · opcional | number | La trayectoria IDEAL. Si no está vale 0 y la recta se pega al eje: la referencia desaparece sin decirlo. |
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
¿El alcance se mantiene fijo?
Si se añaden tareas durante el sprint, el burnup separa el alcance que crece del trabajo completado.
Sí: quédate con burndown
No: usa Burnup
¿Basta con el trabajo pendiente total?
Si hay que ver en qué estado se atasca el trabajo, el diagrama de flujo acumulado lo reparte por estados.
Sí: quédate con burndown
No: usa Diagrama de flujo acumulado
¿Juzgas un solo sprint?
Si se comparan varios sprints entre sí, el gráfico de velocidad pone uno junto a otro.
Sí: quédate con burndown
No: usa Velocidad del equipo
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('burndown');
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
¿La recta es un dato?
No: es el plan. Lo que se discute es la distancia entre la línea observada y esa recta.
¿Qué pasa si no hay columna de días?
Numera las filas por orden y lo indica en el rótulo del eje. Conviene incluir la columna para que los días sean los reales.
¿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»
Líneas en base 100comparar series con distinta escala
Gráfico de líneasuna medida que cambia en el tiempo
Curva de pérdidacómo converge el entrenamiento de un modelo
Curvas de retencióncuánto aguanta cada cohorte
Retornos móvilesrentabilidad en ventanas que se desplazan
Gráfico de áreasuna medida en el tiempo con el volumen destacado