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 | Comparar 2–3 series en las mismas categorías |
|---|---|
| Límite de series | Tres es cómodo, cuatro va justo, cinco es ilegible |
| Límite de categorías | Barras totales = categorías × series: doce grupos de tres ya son 36 barras |
| Prioridad de comparación | Primero dentro del grupo, después entre grupos: eso hace la agrupación con la percepción |
| Base en cero | Obligatoria |
| Salida | PNG a doble escala, más CSV, JSON y Markdown |
Cuándo induce a error
- La agrupación decide qué se compara. Las barras dentro de un grupo se comparan con facilidad; la misma serie en grupos distintos cuesta mucho más seguirla. Si tu pregunta real es «cómo cambió cada serie con el tiempo», un gráfico de líneas la responde mejor.
- El número de barras se multiplica rápido. Diez categorías con tres series son treinta barras, y a esa densidad cada barra se vuelve demasiado fina para juzgar su altura.
- El orden de las series dentro de cada grupo debe mantenerse constante, y aquí lo es, pero eso obliga al lector a aprender el código de color antes de entender el gráfico. Mantén la leyenda corta.
- Las barras agrupadas invitan a comparar series que pueden no ser comparables: ingresos en euros junto a plantilla en personas comparten un eje y ninguna sale beneficiada.
Cómo se calcula
La columna de etiquetas define los grupos. Cada columna numérica restante se convierte en una barra dentro de cada grupo, en el orden en que aparecen las columnas, con un color fijo por serie que se mantiene en todos los grupos.
El eje empieza en cero, como en cualquier gráfico de barras, y no se mueve. La agrupación amplifica el efecto de un eje truncado en lugar de reducirlo, porque el lector compara dos barras contiguas directamente.
El ancho de barra se adapta al número de grupos y series para que los conjuntos queden separados visualmente. Cuando los datos producirían barras de menos de un par de píxeles, la respuesta honesta es menos categorías, no un lienzo más ancho.
Los valores ausentes dejan un hueco en el conjunto en vez de dibujar una barra de altura cero. Una medición ausente no debe parecerse a un cero medido, sobre todo en un gráfico de plan contra real donde un cero es una noticia en sí misma.
Preguntas y respuestas
¿Agrupadas o apiladas? ¿Cuál necesito?
Agrupadas cuando los valores son alternativas a comparar (plan contra real). Apiladas cuando son partes de un todo (ingresos repartidos por canal). Preguntarte si la suma de los valores significa algo suele resolverlo.
¿Puedo comparar más de tres series?
Técnicamente sí, pero el gráfico deja de funcionar. Cuatro series en ocho categorías son 32 barras y ningún lector retiene eso. Divide en varios gráficos o pasa a líneas.
¿Por qué cuesta seguir mi serie temporal?
Porque la agrupación optimiza la comparación dentro de una categoría, no el seguimiento de una serie entre categorías. Para el tiempo, usa el gráfico de líneas múltiples.
¿Cómo controlo qué columna va primero?
Reordena las columnas en la tabla que pegas. Las series se dibujan estrictamente de izquierda a derecha en el orden de las columnas.
¿Se envían mis datos a alguna parte?
No. Todo se ejecuta en tu navegador y la página funciona con la red desconectada.