Coordenadas paralelas

Perfil de elementos en muchas dimensiones.

Definición

Las coordenadas paralelas ponen varias dimensiones como ejes verticales, uno junto a otro, y dibujan cada elemento como una línea que los recorre. Lo que se lee son los cruces entre ejes contiguos: dónde una línea adelanta a otra. Se usan para comparar candidatos, productos o perfiles en muchos criterios a la vez.

Editar con tus datos SVG Spec JSON

Datos: label · series · value
Buena para: Ver qué elementos destacan en qué criterios y dónde se intercambian las posiciones.
Evítala cuando: Cuando el orden de los ejes es arbitrario y nadie lo va a justificar: los cruces dependen de qué eje va al lado de cuál.
Se lee bien: Entre 3 y 50 elementos; dibuja hasta 5000
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é
`label` · opcional	string	Quién es cada polilínea. Sin ella la pieza devuelve cero filas y la lámina sale vacía.
`series` · opcional	string	El grupo de color. Se COERCE a A/B/C: un cuarto valor se dibuja igual pero se sale de la paleta declarada.
`value` · opcional	number	POSICIONAL: las CINCO primeras columnas numéricas, en orden, son los cinco ejes. Son ranuras FIJAS: una sexta columna numérica no se dibuja, y con menos de cinco los ejes que sobran quedan a 0.

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.

Móvil · 416 × 482 px

Escritorio · 856 × 656 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Tienes cinco criterios que comparar?

Con menos criterios, unas barras agrupadas por criterio se leen sin aprender la convención; aquí los ejes que sobran quedarían a cero.

Sí: quédate con coordenadas paralelas

No: usa Barras agrupadas

¿Comparas muchos elementos y no el perfil de uno solo?

Si se trata de uno o dos perfiles en pocos criterios, el radar los dibuja como una forma reconocible.

Sí: quédate con coordenadas paralelas

No: usa Gráfico de radar

¿Interesa el perfil completo y no la relación entre dos variables?

Si la pregunta es cómo se relacionan dos medidas, una dispersión lo enseña directamente.

Sí: quédate con coordenadas paralelas

No: usa Gráfico de dispersión

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('parallel');
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

¿Importa el orden de los ejes?

Sí: los cruces solo se ven entre ejes contiguos, así que el orden decide qué comparaciones salen a la vista.

¿Cuántos ejes dibuja?

Cinco: las cinco primeras columnas numéricas, en su orden. Una sexta no se dibuja y, si hay menos de cinco, los ejes que faltan quedan a cero.

¿Cuántas líneas admite?

Se lee bien entre 3 y 50 elementos; con muchas líneas, conviene destacar las que importan.

¿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»

Guía para elegir: si dos cosas van juntas →