Dispersión conectada
Dos variables siguiendo su trayectoria en el tiempo.
Definición
Una dispersión conectada sitúa cada momento como un punto según dos variables y los une en orden, de modo que se ve el camino que recorren juntas. Lo que se lee es la trayectoria —giros, retrocesos, bucles—, no la nube. Se usa para relaciones que cambian con el tiempo, como paro e inflación año a año.
- Datos
- time · x · y
- Buena para
- Ver cómo se mueven dos variables a la vez y en qué orden pasan por cada combinación.
- Evítala cuando
- Cuando la gente que lo va a leer no está acostumbrada: el tiempo no está en ningún eje y hay que seguir la línea punto a punto.
- Se lee bien
- Entre 3 y 50 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é |
|---|---|---|
time · opcional | number | El orden del recorrido y el rótulo de cada punto. Se busca entre las columnas NUMÉRICAS: un periodo escrito como texto («2024-01») no entra por aquí. |
x · opcional | number | Por POSICIÓN, no por nombre: la 1.ª columna numérica que no sea la de tiempo. Con sólo dos numéricas, la 1.ª es x, la 2.ª es y y el tiempo pasa a ser el índice de fila. |
y · opcional | number | Por POSICIÓN: la 2.ª columna numérica que no sea la de tiempo. |
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 el orden en que se recorren los puntos?
Si sólo interesa si las dos variables van juntas, sin orden, basta con la dispersión.
Sí: quédate con dispersión conectada
No: usa Gráfico de dispersión
¿Quieres ver las dos variables una contra otra?
Si lo que importa es cómo evoluciona cada una por separado, dos líneas en el tiempo se leen antes.
Sí: quédate con dispersión conectada
No: usa Gráfico de líneas
¿Te interesa el camino entero y no sólo dónde empieza y dónde acaba?
Si basta con el punto de partida y el de llegada de cada elemento, el gráfico de cometa es más claro.
Sí: quédate con dispersión conectada
No: usa Gráfico de cometa
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('connectedscatter');
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 sabe el orden de los puntos?
Por la columna de tiempo, que tiene que ser numérica y además rotula cada punto. Un periodo escrito como texto («2024-01») no sirve para eso.
¿Cuál de las variables va en cada eje?
Se decide por posición: la primera columna numérica que no sea el tiempo va en horizontal y la segunda en vertical. Con sólo dos numéricas, el tiempo pasa a ser el número de fila.
¿Cuántos puntos admite?
Se lee bien entre 3 y 50. Con más, la línea se enreda y el recorrido se pierde.
¿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 «si dos cosas van juntas»
Correlograma de autocorrelaciónsi una serie se parece a sí misma con retardo
Punto de equilibriovolumen donde ingresos y costes se igualan
Gráfico de burbujastres variables: dos ejes y el tamaño
Curva de calibraciónsi las probabilidades predichas se cumplen
Tendencia con banda de confianzaajuste lineal e incertidumbre de la estimación
Matriz de correlacionesrelación entre varias métricas