Engranajes
Piezas que se arrastran entre sí.
Definición
Los engranajes dibujan una fila de ruedas encajadas: el movimiento entra por la rueda motriz y pasa de una a la siguiente. Se lee siguiendo el arrastre hasta la primera rueda que no está construida, que lo corta. Sirve para explicar piezas de un sistema que solo funcionan acopladas: un equipo que depende de otro, una herramienta que necesita un dato previo.
- Datos
- rueda · detalle · rol
- Buena para
- Explicar que unas piezas mueven a otras y dónde se corta ese arrastre.
- Evítala cuando
- Cuando quieres decir que una pieza transmite más fuerza o pesa más que otra: todas las ruedas se dibujan del mismo tamaño.
- Se lee bien
- Entre 2 y 5 elementos; dibuja hasta 5
- 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é |
|---|---|---|
rueda | string | El nombre de la pieza. Obligatorio, y es una afirmación de COMPORTAMIENTO, no de importancia: medido, una fila con «Rueda» vacía o sin la clave hace LANZAR citando la fila, porque omitirla acortaría el tren y cambiaría hasta dónde llega el arrastre. |
detalle · opcional | string | La línea de apoyo bajo el nombre. Opcional, medido: sin ella la rueda sigue en su sitio y sólo desaparece su `<text>`. En una rueda de rol `ausente` se lee como la RAZÓN del vacío y se pinta con la tinta apagada de ese rol. |
rol · opcional | string | neutro · foco · alerta · ausente · favorable (y sus nombres en inglés). Opcional: ausente o vacío cae en `neutro`. Un valor que no sea uno de los cinco NO se degrada, lanza. `ausente` no es decorativo: es lo que corta el arrastre. |
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 piezas se mueven unas a otras, no solo dependen de la anterior?
Si cada pieza solo necesita la anterior y basta con señalar la que falla, una cadena lo dice con menos.
Sí: quédate con engranajes
No: usa Cadena de eslabones
¿El arrastre va en un solo sentido, de la motriz a la última rueda?
Si el efecto vuelve a su origen y se refuerza o se frena, hace falta un bucle causal.
Sí: quédate con engranajes
No: usa Bucle causal
¿Las piezas son partes acopladas de un sistema y no etapas en el tiempo?
Si lo que hay es una secuencia de etapas en el tiempo, los pasos e hitos la cuentan mejor.
Sí: quédate con engranajes
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-gears');
spec.data.rows = misFilas; // rueda
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Por qué todas las ruedas miden lo mismo?
Porque la pieza no afirma transmisión ni importancia. En un engranaje el diámetro diría cuánto se multiplica el giro, y eso es justo lo que aquí no se sabe.
¿Qué pasa con una rueda que todavía no existe?
Se declara con el rol «ausente» y corta el arrastre: las ruedas que vienen detrás siguen dibujadas, pero quedan fuera del movimiento. Su línea de apoyo se lee como la razón del vacío.
¿Cuántas ruedas admite?
Se lee bien entre dos y cinco. Cada rueda necesita su nombre; sin él la pieza no se dibuja, porque quitarla acortaría el tren.
¿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