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.

La casilla que falta es la que rechaza en nombre de todo lo guardado
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

ColumnaTipoPara qué
fila · opcionalstringLa 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 · opcionalstringLa banda del eje horizontal. Mismo comportamiento que `fila`.
etiqueta · opcionalstringEl rótulo dentro de la casilla.
nota · opcionalstringPor qué la casilla está vacía, cuando va en rol `ausente`.
rol · opcionalstringneutro · 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.

Móvil · 408 × 537 px
Escritorio · 988 × 568 px

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ógica

Có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»

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