Barras de error
Valor medio con su incertidumbre.
Definición
Las barras de error dibujan, para cada categoría, el efecto medio con una barra y su intervalo con un bigote. Se lee si la diferencia sobrevive a la incertidumbre: si el intervalo cruza el cero, el efecto no está demostrado. Se usa para resultados de experimentos, encuestas con margen de error o pruebas A/B.
- Datos
- category · value · low · high
- Buena para
- Comparar estimaciones teniendo en cuenta su intervalo.
- Evítala cuando
- Cuando no tienes el intervalo de cada estimación: sin él la barra afirma más de lo que sabe.
- Se lee bien
- Entre 2 y 15 elementos; dibuja hasta 20
- Datos que faltan
- Dibuja el valor ausente como cero.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
category · opcional | string | La fila. Sin ella el chart devuelve una serie vacía. |
value · opcional | number | Por POSICIÓN, no por nombre: la 1.ª columna numérica es la media. |
low · opcional | number | Por POSICIÓN: la 2.ª columna numérica es el extremo inferior del intervalo. |
high · opcional | number | Por POSICIÓN: la 3.ª. Si las columnas llegan en otro orden, el intervalo se dibuja al revés sin avisar. |
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 el intervalo de cada estimación?
Si solo hay valores puntuales, unas barras verticales los comparan sin fingir precisión.
Sí: quédate con barras de error
No: usa Gráfico de barras verticales
¿Son pocas estimaciones, quince como mucho?
Con muchos estudios o subgrupos, un forest plot los apila en filas legibles.
Sí: quédate con barras de error
No: usa Forest plot
¿Basta con el intervalo, sin la forma de la incertidumbre?
Si interesa cómo se reparte la probabilidad dentro del intervalo, un intervalo con degradado lo enseña.
Sí: quédate con barras de error
No: usa Intervalo con degradado
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('errorbar');
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
¿En qué orden van las columnas?
Por posición: la primera columna numérica es la media, la segunda el extremo inferior y la tercera el superior. Si llegan en otro orden, el intervalo se dibuja al revés sin avisar.
¿Qué dice el bigote?
Si el efecto sobrevive a cruzar el cero: cuando el intervalo lo incluye, la diferencia no es un resultado.
¿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 «comparar cifras»
Análisis de accretion/dilutionefecto de una operación en el beneficio por acción
Gráfico de flechascambio con dirección entre dos momentos- Gráfico de barras verticalescomparar valores entre pocas categorías
Serie con banda de referenciatu serie frente al rango de sus pares
Comparativa con parestu resultado frente al de otras empresas
Gráfico de Bland-Altmanacuerdo entre dos métodos de medición