Histograma
Cómo se reparten los valores en tramos.
Definición
Un histograma corta el rango de una medida en tramos iguales y levanta en cada uno una barra con cuántas observaciones caen dentro. Lo que se lee es la forma: dónde se acumulan los valores, si hay una o dos jorobas y cuánta cola arrastran. Se usa para tiempos de respuesta, importes, edades o cualquier medida con muchas observaciones.
- Datos
- value
- Buena para
- Enseñar cómo se reparte una medida: dónde se acumula, cuánta cola tiene y dónde quedan la media y la mediana.
- Evítala cuando
- Cuando hay que comparar muchos grupos a la vez: varios histogramas seguidos se comparan mal.
- Se lee bien
- Entre 10 y 1000 elementos; dibuja hasta 5000
- 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é |
|---|---|---|
value | number | Observación cruda, una por fila. columns.value elige la columna exacta; sin binding se resuelve por nombre o por una única candidata numérica. Media y mediana salen de las observaciones, no de los centros de las cubetas. Celdas ausentes, vacías o no finitas fallan; [] no publica una demo. |
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
¿Miras una sola distribución, o muy pocas?
Para comparar muchos grupos lado a lado, las cajas ocupan poco y alinean medianas y cuartiles.
Sí: quédate con histograma
No: usa Diagrama de caja
¿Te importa dónde se acumulan los valores más que qué parte queda por debajo de un umbral?
Si la pregunta es «qué porcentaje tarda menos de X», la curva acumulada lo lee directamente en el eje.
Sí: quédate con histograma
No: usa Distribución acumulada empírica
¿Tienes al menos una decena de observaciones?
Con muy pocos valores los tramos quedan casi vacíos; es mejor ver cada caso como un punto sobre el eje.
Sí: quédate con histograma
No: usa Gráfico de franjas
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('histogram');
spec.data.rows = misFilas; // value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿De dónde salen la media y la mediana dibujadas?
De las observaciones crudas, no de los centros de los tramos. Por eso la tabla lleva un valor por fila y no recuentos ya agrupados.
¿Por qué importa tanto la forma?
Porque dos medidas con la misma media pueden repartirse de maneras muy distintas: una concentrada y otra con una cola larga. La media sólo significa algo vista encima de esa forma.
¿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»
Distribución de retornoscómo se reparten las rentabilidades
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