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
Guardar y compartir
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 | Un total formado por 2–5 componentes seguido en el tiempo |
|---|---|
| Qué es fiable | El borde superior (el total) y la banda inferior |
| Qué no lo es | Las bandas intermedias: flotan sobre todo lo que tienen debajo |
| Requisito previo | Los componentes deben sumar un total con sentido en cada momento |
| Base en cero | Obligatoria y estructural |
| Salida | PNG a doble escala, más CSV, JSON y Markdown |
Cuándo induce a error
- Solo la banda inferior descansa sobre una línea plana. Cada banda superior se apoya en un cimiento que se mueve, así que una banda intermedia puede parecer que crece cuando simplemente la está levantando la banda de abajo. Es la debilidad central del formato y engaña también a lectores expertos.
- El gráfico premia a la serie que colocaste primero. El componente que ocupa la banda inferior es el único que los lectores pueden juzgar de verdad, y esa elección es una decisión editorial, no técnica.
- Un borde superior que sube se siente como buena noticia aunque la historia interesante sea un componente hundiéndose dentro. Acompaña el gráfico con las cifras subyacentes.
- Los periodos ausentes rompen la pila en lugar de interpolarla, lo cual es correcto pero produce muescas visibles; rellena los huecos de tus datos antes de dibujar si los periodos deberían ser continuos.
Cómo se calcula
La columna de etiquetas se convierte en el eje horizontal común. Cada columna numérica se convierte en una banda, apilada desde abajo en el orden de las columnas, y cada banda se dibuja desde el borde superior de la anterior.
Los rellenos son más opacos aquí que en el gráfico de áreas de una sola serie: las bandas deben distinguirse entre sí, y una translucidez que funciona para una región se convierte en barro cuando se superponen cinco.
El eje vertical empieza en cero porque la pila se construye hacia arriba desde cero. Por eso el borde superior es un total real y puede leerse directamente sobre el eje.
El orden de tus columnas es la decisión más importante de esta página. Coloca en la primera columna el componente que quieres que el lector juzgue con precisión, para que caiga en la banda inferior plana.
Preguntas y respuestas
¿Por qué una banda intermedia parece crecer cuando los números dicen lo contrario?
Porque va montada sobre las bandas inferiores. Lo que cuenta es su grosor, pero el ojo tiende a leer su borde superior, que se mueve cada vez que algo debajo se mueve. Comprueba los números exportados en lugar de fiarte de la forma.
¿Qué componente debe ir abajo?
Aquel cuyo comportamiento más importe, porque la banda inferior es la única dibujada contra una línea plana y por tanto la única que puede juzgarse con precisión.
¿Áreas apiladas o apiladas al 100 %?
Áreas apiladas cuando importan tanto el total como la mezcla. Si el total distrae y solo cuentan las proporciones, usa el gráfico apilado al 100 %.
¿Puedo usar valores negativos?
No existe una pila con sentido si hay signos mezclados. Separa las aportaciones positivas y negativas en gráficos distintos, o usa una cascada.
¿Salen mis datos del navegador?
No. Todo se calcula y se dibuja en local.