Lienzo de ranuras
Ordenar ideas en casillas con nombre.
Definición
El lienzo de ranuras reparte fichas de texto en los bloques fijos de una plantilla. Como las ranuras existen antes que el contenido, la que queda vacía se lee como una ausencia declarada y no como un olvido. Sirve para lienzos de modelo de negocio, de proyecto o de piloto.
- Datos
- ranura · ficha · nota · rol
- Buena para
- Ver qué bloques de una plantilla están cubiertos y cuál no sabe rellenar nadie.
- Evítala cuando
- Cuando no hay plantilla de partida y las casillas se inventan para la ocasión.
- Se lee bien
- Entre 4 y 40 elementos; dibuja hasta 54
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
ranura | string | En qué bloque de la plantilla vive la ficha. Obligatoria y CERRADA: se casa contra los ids de la plantilla pedida, y una que no exista hace FALLAR con la lista de las que sí. |
ficha · opcional | string | El texto corto que va dentro del bloque. En una ranura de rol `ausente` tiene que ir en blanco: el hueco ES el mensaje, y una ficha con texto dentro de un hueco hace fallar. |
nota · opcional | string | La razón del vacío, cuando la ranura va en rol `ausente`. |
rol · opcional | string | neutro · foco · alerta · ausente · favorable. |
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 el motor se niega y explica por qué: Named slots: problema requires at least 116 × 56px
. 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
¿Buscas qué bloque de la plantilla falta, no qué combinación de dos listas?
Si las casillas salen de cruzar dos listas y el hallazgo es la combinación que nadie cubre, la rejilla con casilla vacía lo enseña.
Sí: quédate con lienzo de ranuras
No: usa Rejilla con casilla vacía
¿Usas una plantilla general?
Si el ejercicio es encajar lo que se ofrece con lo que necesita el cliente, el lienzo de propuesta de valor ya trae esa estructura.
Sí: quédate con lienzo de ranuras
No: usa Lienzo de propuesta de valor
¿Las fichas se reparten por temas, no por su posición en dos criterios?
Si cada idea se clasifica según dos criterios cualitativos, la matriz cualitativa la coloca en su cuadrante.
Sí: quédate con lienzo de ranuras
No: usa Matriz cualitativa
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('concept-canvas');
spec.data.rows = misFilas; // ranura
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Cómo marco una ranura vacía?
Con el rol «ausente», la ficha en blanco y una nota con la razón. Una ficha con texto dentro de un hueco hace fallar la pieza.
¿Puedo añadir una ranura que no está en la plantilla?
No. Las ranuras son cerradas: una que no existe hace fallar la pieza con la lista de las válidas.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿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