Iceberg

Lo visible frente a las causas ocultas.

Definición

El iceberg apila de dos a seis estratos, de la superficie al fondo, y traza una línea de flotación que separa lo visible de lo sumergido. Se lee de arriba abajo: lo que se ve arriba y, debajo del agua, los patrones, estructuras o creencias que lo producen. Sirve para explicar por qué actuar sobre los síntomas no basta.

Editar con tus datos SVG Spec JSON

Datos: label · group · observacion · pregunta · palanca
Buena para: Mostrar que la palanca está en la capa que nadie mira.
Evítala cuando: Cuando no hay una frontera clara entre lo que se ve y lo que no: la línea de flotación es lo único que la figura afirma.
Se lee bien: Entre 2 y 6 elementos; dibuja hasta 6
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é
`label`	string	El nombre del estrato (una fila por estrato, de la cima a la quilla): «ACONTECIMIENTOS», «PATRONES», «ESTRUCTURA», «MODELOS MENTALES».
`group`	string	De qué lado de la línea de flotación vive el estrato: «visible» o «sumergido». Es OBLIGATORIA y no se infiere del orden de las filas: la línea de flotación es lo único que esta figura afirma, y colocarla por conteo publicaría otro argumento con el mismo dibujo. Los visibles van todos primero: el agua no se cruza dos veces.
`observacion` · opcional	string	Lo que el caso enseña a esa profundidad. Se escribe dentro de la caja del estrato.
`pregunta` · opcional	string	La pregunta que abre ese estrato («¿qué se viene repitiendo?», «¿qué lo produce?»). Se escribe al pie de la caja, en cuerpo menor.
`palanca` · opcional	string	Qué compra actuar a esa profundidad («reaccionar», «rediseñar», «reencuadrar»). Se escribe en el margen izquierdo, a la altura de su estrato.

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

¿Hay una frontera entre lo que se ve y lo que no?

Si todas las capas están igual de a la vista y solo importa su orden, las capas apiladas bastan.

Sí: quédate con iceberg

No: usa Capas apiladas

¿Las causas se ordenan por profundidad y no por una cadena de efectos?

Si quieres enlazar síntomas concretos con una causa raíz, el árbol de realidad actual dibuja esas flechas.

Sí: quédate con iceberg

No: usa Árbol de realidad actual

¿Buscas dónde actuar más que inventariar todas las causas?

Si necesitas listar causas posibles por familias, el Ishikawa enseña qué familia está vacía.

Sí: quédate con iceberg

No: usa Diagrama de Ishikawa

Código

La misma pieza, con tus datos

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

const spec = await getPreset('concept-iceberg');
spec.data.rows = misFilas; // label, group
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Dónde va la línea de flotación?

Donde la declares: cada estrato dice si es visible o sumergido, y la pieza no la deduce del orden. Los visibles van todos primero.

¿El ancho del témpano significa algo?

No. La silueta es fija y todos los estratos miden lo mismo; una columna de valor se rechaza en vez de ensanchar el hielo.

¿Qué se escribe en cada estrato?

El nombre, lo que el caso enseña a esa profundidad, una pregunta al pie y, en el margen, qué permite actuar ahí: reaccionar, rediseñar, reencuadrar.

¿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»

Guía para elegir: cómo funciona algo →