Ridgeline
Distribuciones apiladas para comparar grupos.
Definición
El ridgeline apila varias curvas de distribución, una por grupo, sobre un eje horizontal común y ligeramente solapadas. Se lee de fila en fila: el desplazamiento del pico de un grupo al siguiente se ve como un movimiento. Se usa para comparar muchas distribuciones, por ejemplo por mes, región o edad.
- Datos
- group · x · y
- Buena para
- Ver cómo se desplaza una distribución de un grupo o periodo al siguiente.
- Evítala cuando
- Cuando tienes las observaciones sueltas: la pieza recibe las alturas ya calculadas y no estima la densidad.
- Datos que faltan
- Se niega a dibujar y dice qué valor falta.
- Accesibilidad
- Lector de pantalla: resumen en texto
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
group | string | Identidad no vacía de la banda, o columns.group exacto. Conserva el texto y el orden de primera aparición; cada grupo necesita al menos dos posiciones x distintas. |
x | number | Posición finita en el eje común, o columns.x exacto. Ordena cada curva por x y rechaza duplicados dentro del grupo; no impone el intervalo de la demo. |
y | number | Altura preparada finita no negativa, o columns.y exacto. Cero es válido; no normaliza, no estima KDE ni rellena ausencias. |
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 varios grupos que comparar?
Con una sola distribución, el gráfico de densidad dibuja su curva sin apilar nada.
Sí: quédate con ridgeline
No: usa Gráfico de densidad
¿Importa la forma más que el resumen?
Si bastan la mediana y los cuartiles, un diagrama de caja es más compacto.
Sí: quédate con ridgeline
No: usa Diagrama de caja
¿Tienes las curvas ya calculadas?
Si tienes las observaciones sueltas, el raincloud plot las dibuja una a una junto a su caja.
Sí: quédate con ridgeline
No: usa Raincloud plot
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('ridgeline');
spec.data.rows = misFilas; // group, x, y
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Calcula la densidad?
No: cada fila trae una posición y una altura ya preparadas. La pieza no estima, no normaliza y no rellena huecos.
¿En qué orden salen los grupos?
En el de su primera aparición en los datos. Cada grupo necesita al menos dos posiciones distintas, sin repetir ninguna.
¿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 se reparten los valores»
Código de barras de eventoscuándo ocurren los eventos en un intervalo
Beeswarmcada individuo de una distribución, sin solaparse- Diagrama de cajamediana, cuartiles y atípicos de una distribución
Gráfico de contornodónde se concentran los puntos- Gráfico de densidadforma suavizada de una distribución
Franja de puntosrespuesta individual de cada caso