Diagrama de templo
Cimientos, pilares y cubierta de una idea.
Definición
El diagrama de templo pone un objetivo en el frontón, de dos a seis pilares debajo y de uno a cuatro cimientos en la base. Se lee de arriba abajo: el objetivo no se sostiene solo y necesita todos los pilares a la vez. Sirve para presentar una estrategia, un modelo de gestión o los principios de un programa.
- Datos
- parte · elemento · detalle · rol
- Buena para
- Mostrar que un objetivo depende de varios pilares a la vez y de una base común.
- Evítala cuando
- Cuando un pilar importa más que otro: todos se dibujan del mismo tamaño.
- Se lee bien
- Entre 4 y 11 elementos; dibuja hasta 11
- Datos que faltan
- Deja el hueco visible en la serie.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
parte | string | En qué registro de la casa vive la fila: «fronton» (uno solo, el objetivo que corona), «pilar» (2..6) o «cimiento» (1..4), con sus sinónimos en inglés y sus grafías sin tilde. La forma NO reparte por orden de declaración —reordenar el `data` convertiría el techo en un pilar sin que nada fallara—, así que una fila sin esta columna, o con un registro que no es ninguno de los tres, falla citando la fila. |
elemento | string | El rótulo de la pieza, dentro de su caja. Obligatorio y medido: una fila con la columna en blanco falla en vez de dibujar una caja muda, porque un pilar sin nombre no se puede ni leer ni echar de menos. |
detalle · opcional | string | La línea de apoyo bajo el rótulo. Medido: sin ella la caja sigue en su sitio, sólo se queda sin la segunda línea. Es lo PRIMERO que cede cuando el alto no llega (`bloqueQueCabe`), antes que las líneas del rótulo. En una pieza de rol `ausente` se lee como la RAZÓN del vacío y se pinta en la tinta apagada de ese rol. |
rol · opcional | string | neutro · foco · alerta · ausente · favorable. Sin la columna, `neutro`. `ausente` es la única marca de vacío del sistema —contorno discontinuo, sin relleno— y la pieza se retranquea de sus vecinas para que se vea que NO transmite carga. Un rol inventado NO se degrada a `neutro`: falla, porque degradarlo pintaría en gris el pilar que el autor declaró sin construir, que es justo el hallazgo. |
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
¿Los pilares hacen falta todos a la vez?
Si los niveles se construyen uno tras otro, la pirámide por fases dice el orden.
Sí: quédate con diagrama de templo
No: usa Pirámide por fases
¿Basta con cimientos, pilares y cubierta, sin enlaces entre objetivos?
Si los objetivos se enlazan entre sí por causa y efecto, el mapa estratégico dibuja esas flechas.
Sí: quédate con diagrama de templo
No: usa Mapa estratégico
¿Hay un objetivo que corona todo lo demás?
Si solo hay niveles que se apoyan unos en otros, sin un objetivo arriba, las capas apiladas bastan.
Sí: quédate con diagrama de templo
No: usa Capas apiladas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('concept-temple');
spec.data.rows = misFilas; // parte, elemento
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Puedo hacer un pilar más ancho que otro?
No. Una columna que intente engordar un pilar hace fallar el dibujo, porque un pilar mayor diría que los otros sobran.
¿Cuántas piezas lleva?
Un frontón, de dos a seis pilares y de uno a cuatro cimientos. Cada fila declara en cuál va; el orden de las filas no lo decide.
¿Qué es un pilar ausente?
El que se declara y no está construido: contorno discontinuo, sin relleno y separado de sus vecinos para que se vea que no carga peso.
¿Qué hace si faltan datos?
Deja el hueco visible en la serie.
¿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