Ciclo cerrado

Pasos que se repiten y vuelven al inicio.

Definición

El ciclo cerrado pone de 3 a 6 etapas en un anillo, con tantas flechas como etapas: la última entra en la primera. Todas las cajas miden lo mismo, así que ninguna etapa pesa más ni el proceso acaba en ningún sitio. Sirve para procesos que se repiten: mejora continua, planificación anual, ciclos de venta.

Editar con tus datos SVG Spec JSON

El ciclo de mejora no se cierra: nadie vuelve a medir lo que cambió

Datos: etapa · detalle · rompe · rol
Buena para: Explicar un proceso que se repite y vuelve a empezar.
Evítala cuando: Cuando el proceso tiene un final o una meta.
Se lee bien: Entre 3 y 6 elementos; dibuja hasta 6
Datos que faltan: No usa valores que puedan faltar.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`etapa` · opcional	string	El rótulo de la etapa. Medido: sin él la caja sigue ocupando su sexto del anillo.
`detalle` · opcional	string	La línea de apoyo dentro de la caja.
`rompe` · opcional	string	Dónde se rompe el ciclo. Marca el arco de SALIDA de esa etapa; sin la columna el anillo dibuja con una marca menos.
`rol` · opcional	string	neutro · foco · alerta · ausente · favorable. `ausente` es el paso que la organización se salta: ocupa su sitio con contorno discontinuo en vez de desaparecer.

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

¿El proceso vuelve a empezar al terminar?

Si tiene principio y final, pasos e hitos lo cuenta mejor.

Sí: quédate con ciclo cerrado

No: usa Pasos e hitos

¿Las etapas son pasos y no variables que se empujan?

Si lo que gira son variables que se refuerzan o se frenan, usa el bucle causal.

Sí: quédate con ciclo cerrado

No: usa Bucle causal

¿Hay un único recorrido?

Si desde una etapa se puede pasar a varias, la máquina de estados dibuja esas transiciones.

Sí: quédate con ciclo cerrado

No: usa Máquina de estados

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('concept-cycle');
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 marco dónde se rompe el ciclo?

Con la columna de ruptura en esa etapa: se señala el arco que sale de ella.

¿Y una etapa que la organización se salta?

Con el rol «ausente»: ocupa su sitio con contorno discontinuo en vez de desaparecer.

¿Qué hace si faltan datos?

No usa valores que puedan faltar.

¿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»

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