Diagrama de tornado
Qué variable mueve más el resultado.
Definición
Un diagrama de tornado pone una barra por variable de entrada, con un brazo hacia el impacto a la baja y otro hacia el impacto al alza sobre un mismo resultado. Las variables se ordenan de mayor a menor efecto, y de ahí la forma de embudo. Se usa en análisis de sensibilidad de valoraciones, presupuestos o modelos de negocio.
- Datos
- category · low · high
- Buena para
- Saber qué supuesto mueve más el resultado y hacia qué lado duele más equivocarse.
- Evítala cuando
- Cuando las variables se mueven a la vez: el tornado mide cada una por separado.
- Se lee bien
- Entre 3 y 15 elementos; dibuja hasta 300
- 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 | Variable de entrada por columns.category, nombre reconocido o primera columna de texto. Si falta, falla con INVALID_DATA. |
low · opcional | number | Impacto no positivo por columns.low, nombre reconocido o primera numerica libre. Ausente se rellena con cero; valores positivos o malformados fallan. |
high · opcional | number | Impacto no negativo por columns.high, nombre reconocido o siguiente numerica libre. No se infiere la misma columna para ambos brazos. Un binding compartido explicito solo es valido si vale cero. |
Tamaños
Ancha por necesidad
Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.
A menos de 480 px sus rótulos no caben sin pisarse o recortarse, y el motor no la publica así. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.
Cuándo usarla
Tres preguntas antes de elegirla
¿Cada variable tiene un brazo a la baja y otro al alza?
Si solo hay un efecto por variable, sin escenario bajo y alto, basta con ordenar su importancia.
Sí: quédate con diagrama de tornado
No: usa Importancia de variables
¿Mueves una variable cada vez?
Si quieres combinar supuestos en escenarios completos, conviene compararlos uno frente a otro.
Sí: quédate con diagrama de tornado
No: usa Comparación de escenarios
¿Los brazos miden el impacto sobre un mismo resultado?
Si son valores con signo de categorías sin relación entre sí, unas barras divergentes son más honestas.
Sí: quédate con diagrama de tornado
No: usa Barras divergentes
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('tornado');
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é una variable está arriba?
Porque es la que más mueve el resultado. El orden es la lectura principal.
¿Qué dice la asimetría entre brazos?
Hacia qué lado el resultado es más sensible: si un brazo es mucho más largo, equivocarse en esa dirección cuesta más.
¿Qué signo lleva cada brazo?
El impacto bajo no puede ser positivo y el alto no puede ser negativo. Si falta el bajo, se toma como cero.
¿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?
A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.
Relacionadas
Otras formas de responder «quién va primero»
Gráfico de rankingcambios de puesto a lo largo del tiempo
Gráfico de puntos de Clevelandcomparar valores ordenados con poca tinta- Importancia de variablesqué variables pesan más en un modelo
Gráfico de barras horizontalescomparar categorías con nombres largos
Gráfico de piruletacomparar valores con menos tinta que barras
Cuadro de eliminatoriascruces y avance de un torneo