Gráfico de cometa
Trayectoria entre dos estados con rastro.
Definición
El gráfico de cometa sitúa cada entidad en dos medidas y dibuja su recorrido desde la primera observación hasta la última como un rastro. Se lee la dirección del conjunto y cuánto ha recorrido cada entidad. Sirve para ver cómo se ha movido un grupo de empresas, países o productos entre dos estados.
- Datos
- series · x · y · label · order
- Buena para
- Ver hacia dónde se mueve un conjunto de entidades en dos medidas y cuánto ha avanzado cada una.
- Evítala cuando
- Cuando importa la cifra de cada observación intermedia: el rastro enseña el sentido del movimiento, no los valores de cada corte.
- Se lee bien
- Entre 4 y 60 elementos; dibuja hasta 116
- Datos que faltan
- Omite el valor ausente y lo declara aparte.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
series | string | La ENTIDAD: una cometa por cada valor distinto. |
x | number | Medida del eje horizontal. Su nombre de columna rotula el eje. |
y | number | Medida del eje vertical. Su nombre de columna rotula el eje. |
label · opcional | string | Rótulo del corte de cada observación («2019», «Q3»). Sale en el tooltip. |
order · opcional | number | Orden de las observaciones dentro de cada cometa. Sin él manda el orden del fichero, y la figura lo dice. |
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
¿Hay muchas entidades y te interesa la dirección del conjunto?
Si sigues a una o dos entidades paso a paso, la dispersión conectada enseña cada observación con claridad.
Sí: quédate con gráfico de cometa
No: usa Dispersión conectada
¿Cada entidad tiene más de una observación?
Si cada entidad tiene un solo momento, una dispersión basta.
Sí: quédate con gráfico de cometa
No: usa Gráfico de dispersión
¿Importan las dos medidas a la vez?
Si sólo cuenta una medida entre dos momentos, unas flechas por categoría lo dicen con menos tinta.
Sí: quédate con gráfico de cometa
No: usa Gráfico de flechas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('comet');
spec.data.rows = misFilas; // series, x, y
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué significa el grosor del rastro?
Sólo el orden de las observaciones en el tiempo. No es una magnitud, y la figura lo escribe dentro.
¿En qué orden se unen las observaciones?
En el de la columna de orden, si la hay; si no, en el orden del fichero, y la figura lo indica.
¿Qué hace si faltan datos?
Omite el valor ausente y lo declara aparte.
¿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