Diagrama en V
De la pregunta al hallazgo, concepto y método.
Definición
Un diagrama en V pone una pregunta en el vértice y dos brazos que llegan hasta ella: a un lado lo que se piensa (conceptos, teoría) y al otro lo que se hace (registros, método). Cada nivel de un brazo se lee frente a su pareja del otro, y un nivel sin pareja queda dibujado como hueco. Sirve para comprobar si un hallazgo se apoya a la vez en un concepto y en una medida.
- Datos
- label · group · category
- Buena para
- Comprobar que una conclusión tiene detrás, nivel a nivel, tanto la idea como el método que la sostienen.
- Evítala cuando
- Cuando quieres decir que una de las dos vías pesa más que la otra: todas las paradas miden lo mismo.
- Se lee bien
- Entre 5 y 9 elementos; dibuja hasta 9
- 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 de la parada: «Conceptos: activación, profundidad, intención de ampliar», «Registro de la intención de ampliar». Una por fila, y obligatoria: una parada sin nombre no se puede dibujar ni omitir en silencio, y menos aquí, donde le toca emparejarse con la de enfrente. |
group | string | De qué parte de la V es la fila: «teoria» (lo que se piensa), «metodo» (lo que se hace) o «pregunta» (la del vértice, que es una sola). Es OBLIGATORIA y no se infiere del orden de las filas: repartirlas por su orden convertiría un concepto en un registro sin que nada fallara. |
category · opcional | string | El rol conceptual de la parada: neutro · foco · alerta · ausente · favorable. Una parada «ausente» sale con contorno discontinuo y su detalle en la tinta del rol: es el nivel que un brazo declara y el otro no tiene con qué responder, y es la manera declarada de igualar los dos brazos sin inventarse una parada. |
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
¿Las dos vías convergen en una única pregunta?
Si sólo quieres poner dos posturas frente a frente, sin un punto en el que se encuentren, bastan dos columnas.
Sí: quédate con diagrama en v
No: usa Columnas enfrentadas
¿Hay una sola pregunta en el vértice?
Si una pregunta abre otras, y éstas a su vez otras, lo que se dibuja es la cascada.
Sí: quédate con diagrama en v
No: usa Cascada de preguntas
¿Importa emparejar cada nivel de un brazo con el del otro?
Si lo que hay es un orden de pasos de principio a fin, sin dos lados que se miren, basta con pasos e hitos.
Sí: quédate con diagrama en v
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-vee');
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
¿Qué pasa si un brazo tiene más niveles que el otro?
El nivel sin pareja se dibuja como hueco, y el argumento no se puede leer como cerrado. Si quieres declarar que falta, añade la parada con el rol «ausente»: sale con contorno discontinuo.
¿Cómo sabe a qué brazo va cada parada?
Por la columna de grupo, que es obligatoria: «teoria», «metodo» o «pregunta». No se deduce del orden de las filas, para que un concepto no acabe colocado como registro.
¿Puedo hacer más grande una parada para darle más peso?
No. Todas las paradas tienen el mismo tamaño, y si llega una columna de magnitud la pieza falla en lugar de dimensionarlas.
¿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