Pirámide por fases

Niveles que se construyen de abajo arriba.

Definición

La pirámide por fases apila niveles con nombre, de la base a la cima, y cada piso existe para sostener el de encima. Se lee de arriba abajo: la cima es el objetivo y los pisos inferiores, lo que hace falta para llegar. Se usa en estrategia para explicar jerarquías de capacidades, necesidades o etapas de construcción.

Pyramid Phases
Datos
label · category
Buena para
Explicar qué nivel hay que construir antes que otro y hacia qué objetivo apunta el conjunto.
Evítala cuando
Cuando los niveles tienen cifras que comparar: el ancho de cada piso lo da la forma de la pirámide, no un dato.
Se lee bien
Entre 2 y 8 elementos; dibuja hasta 12
Datos que faltan
Dibuja el valor ausente como cero.
Accesibilidad
Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

ColumnaTipoPara qué
label · opcionalstringEl nombre del piso, en negrita a la izquierda. Sin columna de texto que case, la pieza LANZA con la cifra: antes fabricaba «Phase 1», «Phase 2»… con el número de fila y rotulaba la lámina con nombres que nadie había escrito. Una CELDA vacía sí deja el piso con el rótulo en blanco (ver `missingness`).
category · opcionalstringLa glosa bajo el nombre. Vacía si no hay columna.

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.

Móvil · 468 × 540 px
Escritorio · 848 × 682 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Cada nivel se apoya en el de debajo?

Si las etapas van una tras otra en el tiempo sin sostenerse entre sí, los pasos e hitos cuentan la secuencia.

Sí: quédate con pirámide por fases

No: usa Pasos e hitos

¿Es una jerarquía sin cifras?

Si cada nivel tiene un recuento que se va reduciendo, un embudo de conversión lo dibuja a escala.

Sí: quédate con pirámide por fases

No: usa Embudo de conversión

¿Es una sola columna de niveles?

Si cada nivel se ramifica en varias partes, un árbol jerárquico enseña las ramas.

Sí: quédate con pirámide por fases

No: usa Árbol jerárquico

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('pyramid-phases');
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é los pisos no cambian de tamaño?

Porque lo que ordena la lámina es la posición en la jerarquía, no una cantidad. El ancho de cada piso lo dicta la forma.

¿Qué pasa si no doy nombre a los pisos?

Sin columna de texto para los nombres la pieza no se dibuja: no se inventa «Fase 1», «Fase 2». Una celda vacía sí deja ese piso con el rótulo en blanco, y una segunda columna de texto añade una glosa bajo cada nombre.

¿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 «partes de un todo»

Guía para elegir: partes de un todo →