Gráfico de ciclos estacionales
Cómo se comporta cada mes año tras año.
Definición
Un gráfico de ciclos estacionales agrupa los datos por tramo del ciclo —cada mes en su bloque— y dentro de cada bloque dibuja los años en orden. Entre bloques se ve la forma de la estación; dentro de cada uno, la tendencia de ese mes a lo largo de los años. Se usa para separar estacionalidad y crecimiento en ventas, demanda o visitas.
- Datos
- category · series · value
- Buena para
- Ver a la vez qué meses son altos y si cada mes está creciendo o cayendo con los años.
- Evítala cuando
- Cuando sólo tienes un año de datos: sin varios años no hay tendencia que leer dentro de cada bloque.
- Se lee bien
- Entre 12 y 20 elementos; dibuja hasta 20
- 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é |
|---|---|---|
category · opcional | string | La PRIMERA columna de texto que encuentre (sin lista de alias): el tramo del ciclo, un bloque del eje. |
series · opcional | number | Por POSICIÓN: la 1.ª columna numérica es el año (la línea dentro del bloque). |
value · opcional | number | Por POSICIÓN: la 2.ª columna numérica es lo medido. La media del tramo la calcula la pieza; no se lee de la fila. |
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
¿Quieres separar la estación de la tendencia?
Si basta con ver la serie seguida en el tiempo, un gráfico de líneas es más inmediato.
Sí: quédate con gráfico de ciclos estacionales
No: usa Gráfico de líneas
¿Te vale con leerlo a ojo, sin separar las componentes?
Si necesitas aislar la tendencia, la estacionalidad y el residuo, usa la descomposición estacional.
Sí: quédate con gráfico de ciclos estacionales
No: usa Descomposición estacional
¿Hay varios años de datos?
Si sólo tienes un ciclo, el diagrama de Nightingale enseña su forma.
Sí: quédate con gráfico de ciclos estacionales
No: usa Diagrama de Nightingale
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('cycleplot');
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
¿Qué columnas necesita?
La primera columna de texto es el tramo del ciclo; la primera numérica, el año; y la segunda numérica, lo medido.
¿De dónde sale la media de cada tramo?
La calcula la propia pieza a partir de los años de ese tramo; no se lee de los datos.
¿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 420 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