Dispersión con histogramas marginales

Relación entre dos variables y cada distribución.

Definición

Una dispersión con histogramas marginales cruza dos medidas en una nube de puntos y añade, arriba y a la derecha, el histograma de cada una por separado. Se lee la relación en el centro y la forma de cada variable en los márgenes. Sirve para no confundir una correlación con un efecto de la asimetría o de un segundo modo.

Editar con tus datos SVG Spec JSON

Datos: x · y · label
Buena para: Leer a la vez la relación entre dos medidas y cómo se reparte cada una.
Evítala cuando: Cuando hay que comparar grupos: la pieza no colorea por grupo, porque los márgenes dejarían de describir una sola variable.
Se lee bien: Entre 20 y 2000 elementos; dibuja hasta 2000
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é
`x`	number	La medida HORIZONTAL: la que se histograma en la banda de arriba. Su nombre de columna rotula el eje.
`y`	number	La medida VERTICAL: la que se histograma en la banda de la derecha. Su nombre de columna rotula el eje.
`label` · opcional	string	Cómo se llama cada caso. Sólo se lee en el tooltip: con cien puntos, rotularlos en la lámina es tinta que no se puede leer.

Tamaños

Ancha por necesidad

Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.

A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.

Cuándo usarla

Tres preguntas antes de elegirla

¿Es una sola población?

Si hay grupos que distinguir dentro de la nube, se colorean en una dispersión simple.

Sí: quédate con dispersión con histogramas marginales

No: usa Gráfico de dispersión

¿Son sólo dos variables?

Si son tres o más, conviene ver todas las parejas a la vez.

Sí: quédate con dispersión con histogramas marginales

No: usa Matriz de dispersión

¿Los puntos se distinguen sin taparse?

Si son tantos que se amontonan, contar por celdas enseña mejor la densidad.

Sí: quédate con dispersión con histogramas marginales

No: usa Mapa hexagonal

Código

La misma pieza, con tus datos

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

const spec = await getPreset('marginal-histogram');
spec.data.rows = misFilas; // x, y
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Por qué no puedo colorear por grupo?

Porque con dos series el margen dejaría de describir una variable y pasaría a comparar poblaciones, que es otra figura.

¿Dónde se ve el nombre de cada caso?

Sólo en el tooltip: con cien puntos, rotularlos en la lámina sería ilegible.

¿Qué hace si faltan datos?

Se niega a dibujar y dice qué valor falta.

¿Cómo se ve en el móvil?

A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.

Relacionadas

Otras formas de responder «si dos cosas van juntas»

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