Blog
Gráficos a partir de datos

CSV a gráfico de cascada online

Un gráfico de cascada muestra cómo se pasó de una cifra a otra. Cada barra flota a la altura donde terminó la anterior, así que la imagen se lee como un saldo acumulado: entran los ingresos, los costes tiran hacia abajo y la última barra baja hasta el suelo para mostrar lo que queda.

Tus datos no salen de este dispositivo

Tus datos

Pega una tabla directamente desde Excel o Google Sheets, o suelta un archivo CSV. No se sube nada: todo el cálculo ocurre dentro de esta pestaña del navegador.

CSV, TSV o texto plano. Los archivos guardados en windows-1251 se detectan y se releen automáticamente, así los encabezados no se convierten en caracteres raros.

Opciones de lectura

Columnas

Resultado

La biblioteca de dibujo se descarga solo al pulsar el botón y solo en esta página.

Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.

Datos y límites del método

Ideal para Explicar la diferencia entre dos cifras mediante una secuencia de cambios
Formato de entrada Cambios con signo, no niveles absolutos: los positivos suman, los negativos restan
Barra de total Se añade automáticamente al final, dibujada desde cero en el color de marca
Código de color Verde para aumentos, rojo para descensos, azul para el total
Límite de pasos Unos 12; más allá cuesta seguir el saldo acumulado
Salida PNG a doble escala, más CSV con cada paso y el saldo acumulado

Cuándo induce a error

Cómo se calcula

Tu columna de valores se lee como una lista de cambios con signo. La primera barra arranca en cero y cada barra siguiente empieza donde terminó la anterior, de modo que el borde superior de la última barra de cambio es el saldo acumulado en ese punto.

Se añade automáticamente una barra final, dibujada desde cero hasta el total acumulado. Es la única barra, aparte de la primera, anclada al eje, y lleva otro color para marcar que es un resultado y no un paso.

Las barras se colorean por signo: aumentos en verde, descensos en rojo, el total en azul. Como el color por sí solo no es una señal fiable para todos los lectores, la dirección también se ve en la geometría: una barra de descenso cuelga por debajo del borde superior anterior.

El CSV exportado contiene tres columnas: el nombre del paso, su cambio con signo y el saldo acumulado después. Esa columna de saldo es la cifra que la gente suele querer y casi nunca puede extraer de una imagen.

Preguntas y respuestas

¿Introduzco valores absolutos o cambios?

Cambios, con signo. Los ingresos en positivo y cada coste en negativo. Si introduces niveles absolutos, el gráfico los apilará en un total creciente sin sentido en vez de un puente.

¿De dónde sale la barra final del total?

Se calcula, no se lee de tus datos: es la suma de todos los cambios introducidos. Si no coincide con el resultado esperado, la discrepancia está en la entrada y no en el gráfico.

¿Importa el orden de los pasos?

Visualmente muchísimo. La aritmética es la misma en cualquier orden, pero la historia no: el paso que empuja el saldo por debajo de cero parece el culpable. Elige el orden a conciencia y explica por qué.

¿Puedo mostrar un paso que suma y resta a la vez?

No en una sola barra. Divídelo en dos pasos, uno positivo y otro negativo, que además resulta más claro para el lector.

¿Se suben mis datos?

No. Todo se calcula en tu navegador, incluido el saldo acumulado.

Herramientas relacionadas

Todas las herramientas