Blog
Gráficos a partir de datos

CSV a gráfico apilado al 100 % online

Este es el gráfico para cuando importa la mezcla y los totales estorban. Cada barra se reescala exactamente al 100 %, así que un trimestre que ingresó el doble que otro ocupa la misma altura, y lo único que se ve es cómo cambió el reparto.

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 Comparar la composición entre categorías de tamaños muy distintos
Qué oculta Los totales, por completo y por diseño
Normalización Cada fila se divide por la suma de sus valores absolutos y se multiplica por 100
Límite de segmentos Cinco; por debajo del 3 % un segmento deja de verse
Eje Fijo de 0 a 100 %, nunca determinado por los datos
Contenido de la exportación Porcentajes, no los valores originales: la exportación lleva lo que muestra el gráfico

Cuándo induce a error

Cómo se calcula

Cada fila se normaliza de forma independiente: cada valor se divide por la suma de los valores absolutos de esa fila y se multiplica por 100. El reescalado lo hace la herramienta y no la biblioteca de gráficos, así que los números del tooltip y del archivo exportado son los porcentajes que realmente ves.

El eje vertical está fijado de 0 a 100 y nunca se adapta a los datos. Es uno de los pocos casos en que un eje fijo es más honesto que uno guiado por los datos: toda la promesa del formato es que cada barra mide lo mismo.

Los segmentos se apilan desde abajo en el orden de las columnas, igual que en el gráfico apilado normal. La banda inferior es la que el lector puede comparar con confianza entre categorías, así que pon primero tu serie clave.

El CSV y el JSON exportados contienen los porcentajes en lugar de los números originales, redondeados a dos decimales. Es deliberado: exportar los valores brutos de un gráfico que los descartó a propósito invitaría a la comparación equivocada.

Preguntas y respuestas

¿Dónde están mis totales?

Se eliminaron a propósito: es lo que hace este tipo de gráfico. Si los totales también importan, usa el gráfico de barras apiladas normal o coloca un pequeño gráfico de líneas con los totales justo encima.

Un segmento creció en porcentaje pero nuestros ingresos cayeron. ¿El gráfico está mal?

No, y esta es la trampa clásica. Los porcentajes describen el reparto, no el tamaño. Un negocio que se encoge puede mostrar todos los segmentos «buenos» creciendo en proporción. Acompaña siempre este gráfico con las cifras absolutas.

¿Por qué el CSV exportado trae porcentajes?

Porque es lo que el gráfico muestra. Exportar los valores originales permitiría comparar números que la imagen nunca enseñó, que es exactamente la confusión que este formato genera.

¿Puedo usarlo con solo dos segmentos?

Puedes y funciona bien, pero con dos segmentos una simple línea con la proporción del primero suele ser más clara y ocupa menos.

¿Salen los datos de mi navegador?

No. La normalización, el dibujo y la exportación ocurren en local.

La herramienta inversa

¿Lo necesitas al revés? Gráfico de barras apiladas El total y sus partes en una misma columna

Herramientas relacionadas

Todas las herramientas