Gráfico en espiral
Patrones periódicos en una serie larga.
Definición
Un gráfico en espiral enrolla una serie larga sobre sí misma: el ángulo es la posición dentro del ciclo (el mes, por ejemplo) y cada vuelta hacia fuera es un ciclo más. La magnitud se pinta en color y en grosor del trazo. Así, el mismo mes de distintos años queda alineado y la estacionalidad salta a la vista.
- Datos
- x · value · order
- Buena para
- Comparar la misma época del ciclo a lo largo de muchas vueltas sin perder la continuidad.
- Evítala cuando
- Cuando la serie no tiene un ciclo que se repita: enrollarla no revela nada.
- Se lee bien
- Entre 12 y 200 elementos; dibuja hasta 3000
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
x · opcional | string | El instante, como texto. Sin ninguna columna de texto la pieza devuelve cero filas. |
value · opcional | number | La magnitud, que se codifica en color y en grosor del trazo. Es la PRIMERA columna numérica, sin buscarla por nombre. |
order · opcional | number | Mes (SEGUNDA numérica) y vuelta (TERCERA numérica): las dos coordenadas de la espiral. Si faltan, valen 0 y todos los puntos se apilan en el mismo ángulo. |
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.
Cuándo usarla
Tres preguntas antes de elegirla
¿La serie tiene un ciclo que se repite?
Si no hay estacionalidad, un gráfico de líneas es más directo.
Sí: quédate con gráfico en espiral
No: usa Gráfico de líneas
¿Quieres conservar la continuidad de una vuelta a la siguiente?
Si sólo importa comparar cada mes consigo mismo entre años, el gráfico de ciclos los agrupa uno junto a otro.
Sí: quédate con gráfico en espiral
No: usa Gráfico de ciclos estacionales
¿Basta con ver el patrón, sin leer valores exactos?
Si hay que localizar el valor de cada mes y año, una rejilla de meses por años se recorre mejor.
Sí: quédate con gráfico en espiral
No: usa Mapa de calor
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('spiral');
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 lee?
El ángulo marca la posición dentro del ciclo y la distancia al centro, la vuelta: cada vuelta es un ciclo más. Lo que se repite cae en el mismo sector.
¿Qué columnas necesita?
Una de texto con el instante, y tres numéricas en este orden: la magnitud, la posición en el ciclo y la vuelta. Si faltan las dos últimas, todos los puntos se apilan en el mismo ángulo.
¿Qué hace si faltan datos?
Dibuja el valor ausente como cero. Si un hueco no es un cero en tus datos, rellénalo o elimina la fila antes de dibujar.
¿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 cambia en el tiempo»
Gráfico de áreasuna medida en el tiempo con el volumen destacado
Gráfico de control por atributostasa de defectos de lotes frente a sus límites
Barras y línea combinadasuna cifra absoluta junto a su tasa
Bandas de Bollingerprecio frente a su rango habitual de variación
Gráfico con selector de rangoexplorar un tramo de una serie larga
Burndowntrabajo pendiente frente al plan de un sprint