Línea radial
Serie cíclica sobre un círculo.
Definición
La línea radial dibuja una serie sobre un eje cerrado en círculo: el ángulo es el punto del ciclo y la distancia al centro, el valor. Así diciembre queda junto a enero y el patrón que se repite cada vuelta se ve como una forma. Se usa para estacionalidad anual o ciclos diarios y semanales.
- Datos
- category · value
- Buena para
- Enseñar la forma de un patrón cíclico sin cortarlo al final del periodo.
- Evítala cuando
- Cuando importa la tendencia a lo largo del tiempo: el eje cerrado junta el final del ciclo con el principio y no enseña si la serie sube o baja de un ciclo a otro.
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: resumen en texto · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category · opcional | string | El rótulo del punto del ciclo (el mes, la hora). REQUERIDO: en un eje cerrado sobre sí mismo es lo único que dice dónde del ciclo cae cada punto. |
value · opcional | number | El RADIO del punto. REQUERIDO por nombre. |
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
¿Importa la fase dentro del ciclo más que el orden temporal?
Si lo que cuenta es la evolución, una línea normal se lee de izquierda a derecha.
Sí: quédate con línea radial
No: usa Gráfico de líneas
¿Te basta con la forma de un ciclo?
Si quieres seguir vueltas sucesivas sin cortar la continuidad, el gráfico en espiral las encadena.
Sí: quédate con línea radial
No: usa Gráfico en espiral
¿Es un solo ciclo?
Si hay varios periodos que comparar fase a fase, el mapa de calor radial pone cada uno en su anillo.
Sí: quédate con línea radial
No: usa Mapa de calor radial
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('radialline');
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?
El rótulo de cada punto del ciclo y su valor, los dos obligatorios. En un eje cerrado, el rótulo es lo único que dice dónde cae cada punto.
¿Por qué no una línea normal?
Porque en una línea el final del periodo queda lejos del principio y el patrón parece una sierra. En el círculo, el último punto toca al primero.
¿Qué hace si faltan datos?
Se niega a dibujar y dice qué valor falta.
¿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