Gráfico de abanico

Previsión con incertidumbre creciente.

Definición

Un gráfico de abanico prolonga una serie observada con una mediana de pronóstico rodeada de bandas que se ensanchan con el horizonte. Se lee la mediana dentro de sus bandas: cuanto más lejos, más amplio el rango de lo posible. Es la forma habitual de publicar previsiones de inflación, crecimiento o demanda con su incertidumbre.

Previsión de ingresos
Datos
x · y · forecast · low · high
Buena para
Enseñar una previsión como un rango que se abre con el tiempo, no como una línea segura.
Evítala cuando
Cuando no tienes las bandas calculadas: el abanico no las inventa y sin ellas no se dibuja.
Se lee bien
Entre 5 y 50 elementos; dibuja hasta 200
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

ColumnaTipoPara qué
xdateEl periodo del eje («Q1'2024», «2024» o el ISO «2024-01»). OBLIGATORIO: sin él la pieza LANZA con las columnas recibidas, en vez de enseñar su abanico de ejemplo bajo el título de otro.
y · opcionalnumberLa serie OBSERVADA. Una fila con valor observado es historia; una con mediana es pronóstico.
forecast · opcionalnumberLa mediana del pronóstico. Si no viene, la pieza intenta partir la serie en historia y pronóstico con una columna de tipo («type»/«series») o con una bandera («forecast», «isForecast»).
lownumberExtremo inferior de cada banda (tres pares, 1/2/3). OBLIGATORIO EN CUANTO HAY UNA FILA CON MEDIANA: un abanico ES sus bandas. Hasta la 0.5.1 la pieza SE LAS INVENTABA —±8 %, ±16 % y ±25 % ensanchados sobre el horizonte— y además interpolaba puntos puente; el dibujo enseñaba una incertidumbre de 1σ/2σ/3σ que el dato no traía. Hoy LANZA nombrando las columnas que faltan.
highnumberExtremo superior de cada banda, con la misma obligación: o vienen las seis columnas, o la proyección se dibuja con una forma que sólo afirme la línea.

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 × 554 px
Escritorio · 848 × 782 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Tienes las bandas de incertidumbre calculadas?

Sin bandas medidas, la proyección se dibuja mejor como una línea que no afirme más de lo que sabes.

Sí: quédate con gráfico de abanico

No: usa Gráfico de líneas

¿El pronóstico es un rango continuo y no unos pocos escenarios con nombre?

Si planteas casos discretos —base, optimista, pesimista—, compáralos como escenarios.

Sí: quédate con gráfico de abanico

No: usa Comparación de escenarios

¿Importa cómo evoluciona el rango a lo largo del horizonte?

Si solo importa la distribución de resultados en una fecha concreta, un histograma de simulación la enseña entera.

Sí: quédate con gráfico de abanico

No: usa Histograma de simulación

Código

La misma pieza, con tus datos

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

const spec = await getPreset('fan');
spec.data.rows = misFilas; // x, low, high
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →

Dudas

¿Puede calcular las bandas por mí?

No. Necesita tres pares de extremos, bajo y alto, en cuanto hay una fila con mediana. Si faltan, la pieza se detiene y nombra las columnas que no encuentra.

¿Cómo distingue la historia del pronóstico?

Una fila con valor observado es historia; una con mediana es pronóstico. Si no hay columna de mediana, busca una columna de tipo o una marca que diga qué filas son previsión.

¿Cuántos periodos admite?

Se lee bien entre 5 y 50, contando historia y pronóstico.

¿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 «qué va a pasar»

Guía para elegir: qué va a pasar →