Red radial
Un centro con todo lo que le rodea.
Definición
La red radial pone un centro y, alrededor, varios satélites repartidos a ángulos iguales, cada uno unido al centro y, si hace falta, a otros satélites. Se lee como un conjunto de piezas que se sostienen entre sí sin que ninguna mande. Sirve para presentar los componentes de un modelo, una propuesta o un ecosistema.
- Datos
- satelite · detalle · enlaza · rol
- Buena para
- Presentar las piezas de un modelo alrededor de una idea central.
- Evítala cuando
- Cuando alguna pieza manda sobre otra o pesa más: no hay tamaño, peso ni ángulo que lo diga.
- Se lee bien
- Entre 3 y 8 elementos; dibuja hasta 8
- 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é |
|---|---|---|
satelite | string | El nombre del satélite. Obligatorio: «sin nombre un nodo no se puede enlazar ni leer». |
detalle · opcional | string | La línea de apoyo bajo el nombre. |
enlaza · opcional | string | Los otros satélites con los que éste se enlaza, además del radio al centro. |
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é: Qualitative relations: radial network needs more height for all equal cards and source
. 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
¿Ninguna pieza manda sobre otra?
Si hay jerarquía entre las piezas, el árbol jerárquico la dibuja.
Sí: quédate con red radial
No: usa Árbol jerárquico
¿Los satélites se relacionan también entre sí?
Si solo se abren ramas desde una idea, sin enlaces cruzados, el abanico conceptual basta.
Sí: quédate con red radial
No: usa Abanico conceptual
¿Hay un centro claro?
Si las conexiones no giran en torno a un nodo, un grafo de red las enseña sin centro.
Sí: quédate con red radial
No: usa Grafo de red
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('concept-radial');
spec.data.rows = misFilas; // satelite
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Por qué los satélites van repartidos a ángulos iguales?
Porque la forma afirma que ninguno manda. No hay columna con la que romper esa igualdad.
¿Cómo se enlazan dos satélites?
Cada satélite puede nombrar a otros con los que se une, además del radio que lo lleva al centro.
¿Cuántos satélites admite?
Se lee bien entre tres y ocho. Cada uno necesita nombre: sin él no se puede enlazar ni leer.
¿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