Serie con banda de referencia
Tu serie frente al rango de sus pares.
Definición
Una serie con banda de referencia dibuja tu métrica periodo a periodo sobre una franja que va del percentil 25 al 75 de un grupo de pares, con su mediana marcada. Se lee viendo si la línea propia va por dentro, por encima o por debajo de la franja. Sirve para juzgar ocupación, precios o márgenes frente a un grupo de comparación a lo largo del tiempo.
- Datos
- x · y · low · target · high
- Buena para
- Ver en qué periodos tu serie se sale del recorrido habitual de sus pares, y hacia qué lado.
- Evítala cuando
- Cuando no tienes los percentiles del grupo en cada periodo: sin las cuatro cifras la banda no se dibuja.
- Se lee bien
- Entre 4 y 200 elementos; dibuja hasta 300
- 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é |
|---|---|---|
x | date | El periodo. Mejor en ISO («2025-04»); los meses en inglés y en castellano también se leen. Lo que NO se puede es mezclar granularidades: «2025» y «ene-2025» caen en el mismo instante y el chart falla. |
y | number | La serie FOCAL — la que se compara contra el grupo. |
low | number | P25 del grupo de pares. |
target | number | MEDIANA del grupo de pares. |
high | number | P75 del grupo de pares. |
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
¿Te interesa la evolución en el tiempo?
Si sólo cuenta la foto de un momento en varias métricas, la comparativa con pares pone cada una frente a su reparto.
Sí: quédate con serie con banda de referencia
No: usa Comparativa con pares
¿Tienes el reparto de los pares, no una sola cifra?
Si la comparación es contra un único valor por periodo, dos líneas sobre el mismo eje bastan.
Sí: quédate con serie con banda de referencia
No: usa Gráfico de líneas
¿La franja es un grupo de pares medido?
Si la franja es la incertidumbre de una previsión y no un grupo de comparación, corresponde un gráfico de abanico.
Sí: quédate con serie con banda de referencia
No: usa Gráfico de abanico
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('benchmark-band');
spec.data.rows = misFilas; // x, y, low, target, high
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Qué es exactamente la franja?
El tramo entre el percentil 25 y el 75 del grupo de pares, con la mediana dentro. Tu serie va aparte, como línea propia.
¿Qué formato de fecha acepta?
Mejor ISO («2025-04»); también lee meses en castellano y en inglés. No mezcles granularidades: «2025» y «ene-2025» caen en el mismo instante y el gráfico falla.
¿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 «comparar cifras»
Área de desviacióndiferencia de una serie respecto a una referencia
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- Comparativa con parestu resultado frente al de otras empresas
Gráfico de Bland-Altmanacuerdo entre dos métodos de medición