Tendencia con banda de confianza

Ajuste lineal e incertidumbre de la estimación.

Definición

Una tendencia con banda de confianza dibuja la nube de puntos de dos variables, la recta que mejor las ajusta y una banda alrededor que marca la incertidumbre de esa recta. La banda es más estrecha en el centro de los datos y se abre hacia los extremos. Se usa para decir cuánto se puede afirmar de una relación, por ejemplo entre inversión y ventas.

Editar con tus datos SVG Spec JSON

Datos: x · y
Buena para: Enseñar una relación lineal junto con lo seguro que se puede estar de ella.
Evítala cuando: Cuando la nube no sigue una recta: una banda lineal da precisión a una forma que no existe.
Se lee bien: Entre 10 y 500 elementos; dibuja hasta 5000
Datos que faltan: Dibuja el valor ausente como cero.
Accesibilidad: Lector de pantalla: resumen en texto · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`x` · opcional	number	La variable explicativa. Sin ella (ni la de respuesta) el chart devuelve una serie vacía; no falla.
`y` · opcional	number	La variable de respuesta: la que la recta intenta explicar y sobre la que se calcula el intervalo.

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.

Móvil · 408 × 499 px

Escritorio · 848 × 648 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Te importa cuánto puede afirmar la recta?

Si basta con enseñar la recta de ajuste sobre los puntos, la dispersión con regresión es más limpia.

Sí: quédate con tendencia con banda de confianza

No: usa Dispersión con regresión

¿La relación se parece a una recta?

Si la nube se curva o se parte en grupos, conviene mirar los puntos tal cual antes de ajustar nada.

Sí: quédate con tendencia con banda de confianza

No: usa Gráfico de dispersión

¿El eje horizontal es otra variable y no el tiempo?

Si lo que quieres es proyectar una serie hacia delante con su incertidumbre, usa una previsión con abanico.

Sí: quédate con tendencia con banda de confianza

No: usa Previsión con abanico

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('confidence-band');
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

¿Por qué la banda se ensancha en los extremos?

Porque lejos del centro de los datos la recta se apoya en menos puntos y su estimación es menos precisa. La banda no promete la misma precisión fuera del rango observado.

¿La banda debería contener casi todos los puntos?

No. Es la incertidumbre de la recta, no el margen en el que caen las observaciones; es normal que muchos puntos queden fuera.

¿Cuántos puntos necesita?

Se lee bien entre unos 10 y 500 puntos.

¿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