Rejilla con casilla vacía
Ver qué combinación falta.
Definición
La rejilla con casilla vacía cruza dos ejes de categorías y coloca cada elemento en su casilla. Se lee buscando el hueco: la combinación que se contempla y no existe va dibujada con contorno discontinuo y pesa tanto como las llenas, no como un remate. Sirve para revisar una oferta de productos, una cobertura de mercados o una matriz de capacidades y señalar lo que falta.
- Datos
- fila · columna · etiqueta · nota · rol
- Buena para
- Enseñar qué combinación de dos criterios no está cubierta.
- Evítala cuando
- Cuando cada cruce tiene una cantidad que comparar: la rejilla solo dice si algo está o no está.
- Se lee bien
- Entre 3 y 12 elementos; dibuja hasta 24
- 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é |
|---|---|---|
fila · opcional | string | La banda del eje vertical en la que cae el elemento. Medido: una fila con este campo en blanco NO se descarta — la rejilla abre una banda nueva, vacía y sin rótulo (5→7 marcas, 4→6 subtrazos). |
columna · opcional | string | La banda del eje horizontal. Mismo comportamiento que `fila`. |
etiqueta · opcional | string | El rótulo dentro de la casilla. |
nota · opcional | string | Por qué la casilla está vacía, cuando va en rol `ausente`. |
rol · opcional | string | neutro · foco · alerta · ausente · favorable. `ausente` es la combinación que la especificación contempla y no existe: sin relleno, contorno discontinuo, y nada la rellena — ni trama, ni interrogante, ni cero. |
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.
Cuándo usarla
Tres preguntas antes de elegirla
¿Lo que buscas es la combinación que falta?
Si solo quieres repartir elementos en cuatro casillas según dos criterios, la matriz cualitativa es más directa.
Sí: quédate con rejilla con casilla vacía
No: usa Matriz cualitativa¿Las casillas solo dicen si algo existe o no?
Si cada cruce tiene una cantidad, un mapa de calor la enseña en tono.
Sí: quédate con rejilla con casilla vacía
No: usa Mapa de calor¿Bastan dos ejes para describir las combinaciones?
Si hay tres o más parámetros con sus opciones, una caja morfológica los combina sin forzar una rejilla.
Sí: quédate con rejilla con casilla vacía
No: usa Caja morfológicaCódigo
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('concept-grid');
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
¿Cómo se marca la casilla vacía?
Con el rol «ausente»: sin relleno y con contorno discontinuo. Nada la rellena, ni trama ni interrogante ni cero; la nota explica por qué está vacía.
¿Cuántos elementos caben?
Se lee bien entre tres y doce. Cada elemento lleva su fila, su columna y su rótulo dentro de la casilla.
¿Es un mapa de calor?
No. Ninguna casilla cambia de tono según un valor; el color solo marca el rol de cada elemento.
¿Qué hace si faltan datos?
Deja el hueco visible en la serie.
¿Cómo se ve en el móvil?
El motor la recompone a 360 px de ancho —rótulos, leyenda y alto— en vez de encoger la versión de escritorio.
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
Diagrama de Ishikawacausas posibles de un problema por familias
Marco Cynefinclasificar problemas por su grado de complejidad