Diagrama de caja
Mediana, cuartiles y atípicos de una distribución.
Definición
Un diagrama de caja resume cada grupo con cinco cifras: la caja va del primer al tercer cuartil, una raya marca la mediana y los bigotes llegan a los extremos, con los atípicos como puntos sueltos. Se lee comparando entre grupos el largo de las cajas y la posición de sus medianas. Se usa para comparar salarios, plazos o resultados de varios grupos de un vistazo.
- Datos
- category · low · open · target · close · high
- Buena para
- Comparar la dispersión de varios grupos, no sólo su valor central.
- Evítala cuando
- Cuando la forma de la distribución importa —dos picos, huecos—: la caja la resume y la esconde.
- 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é |
|---|---|---|
category | string | Identidad del grupo: una caja por fila, sin duplicados. Binding exacto o nombre; una única columna restante admite la convención heredada. |
low | number | Bigote inferior suministrado. Obligatorio y finito; low <= open <= target <= close <= high. |
open | number | Q1 suministrado, borde bajo de la caja. No se calcula desde muestras crudas. |
target | number | Mediana suministrada, finita y entre Q1 y Q3. |
close | number | Q3 suministrado, borde alto de la caja. |
high | number | Bigote superior suministrado. Outliers es un payload opcional por nombre, separado por coma o punto y coma; vacío no aporta observaciones. |
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
¿Tienes ya calculados cuartiles y bigotes?
Si tienes las observaciones sueltas, un beeswarm las dibuja tal cual sin resumirlas.
Sí: quédate con diagrama de caja
No: usa Beeswarm
¿Basta con resumir la dispersión?
Si la forma importa —dos picos, una cola larga—, el violín la dibuja entera.
Sí: quédate con diagrama de caja
No: usa Gráfico de violín
¿Comparas varios grupos?
Con una sola distribución, un histograma enseña su forma con más detalle que una caja.
Sí: quédate con diagrama de caja
No: usa Histograma
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('boxplot');
spec.data.rows = misFilas; // category, low, open, target, close, high
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Calcula los cuartiles a partir de los datos?
No. Cada fila trae ya sus cinco cifras: bigote inferior, primer cuartil, mediana, tercer cuartil y bigote superior, en ese orden de menor a mayor.
¿Cómo se añaden los atípicos?
En una columna opcional, como lista separada por comas o puntos y comas. Si va vacía, la caja se dibuja sin ellos.
¿Dos grupos con la misma mediana son iguales?
No necesariamente: la caja y los bigotes pueden abarcar recorridos muy distintos. Eso es justo lo que este gráfico deja ver.
¿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
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
Distribución acumulada empíricaqué proporción queda por debajo de cada valor