Escalera de requisitos
Escalones y lo que exige cada uno.
Definición
La escalera de requisitos dibuja peldaños iguales, cada uno con lo que permite hacer y la lista corta de lo que exige para pisarlo. Se lee de abajo arriba: subir tiene un precio escrito. Sirve para explicar niveles de servicio, de acceso o de capacidad y qué hace falta para alcanzar cada uno.
- Datos
- escalon · permite · exige · rol
- Buena para
- Mostrar qué exige cada nivel y qué permite una vez alcanzado.
- Evítala cuando
- Cuando la altura tendría que medir algo: todos los peldaños son del mismo tamaño.
- Se lee bien
- Entre 3 y 6 elementos; dibuja hasta 8
- Datos que faltan
- No usa valores que puedan faltar.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
escalon · opcional | string | El rótulo del peldaño. Medido: sin él el peldaño sigue dibujado. |
permite · opcional | string | Lo que ese peldaño permite hacer. |
exige · opcional | string | La lista corta de lo que exige, separada por «·». Medido: sin la columna la figura pierde 17 marcas — es lo que sostiene la pieza. |
rol · opcional | string | neutro · foco · alerta · ausente · favorable. `ausente` es el peldaño que la organización no tiene. |
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 lo que exige cada escalón?
Si solo quieres enseñar que unos niveles se apoyan en otros, la pirámide por fases basta.
Sí: quédate con escalera de requisitos
No: usa Pirámide por fases
¿Hay un único camino de subida?
Si hay que situar varias dimensiones, cada una en su nivel, el modelo de madurez las pone lado a lado.
Sí: quédate con escalera de requisitos
No: usa Modelo de madurez
¿Los escalones son niveles y no pasos en el tiempo?
Si lo que describes es una secuencia de etapas hasta una meta, los pasos e hitos la cuentan mejor.
Sí: quédate con escalera de requisitos
No: usa Pasos e hitos
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('concept-ladder');
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 altura de los peldaños significa algo?
No. Todos miden lo mismo; lo que importa es la lista de lo que exige cada uno.
¿Cómo se escriben los requisitos?
Como una lista corta separada por «·». Es lo que sostiene la pieza: sin esa columna la escalera pierde lo que tiene que decir.
¿Qué es un peldaño ausente?
El nivel que la organización no tiene. Se marca con el rol «ausente».
¿Qué hace si faltan datos?
No usa valores que puedan faltar.
¿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