Creador de gráficos de barras
Crea un gráfico de barras claro con dos a veinte categorías con nombre y una a cuatro series de datos. Introduce valores en la tabla editable o pega texto CSV o separado por tabulaciones con una fila de encabezados. Elige barras agrupadas o apiladas, diseño vertical u horizontal, paleta, etiquetas, líneas de cuadrícula y una nota de fuente. El gráfico, los datos originales y las exportaciones se crean en tu navegador. Descarga el gráfico terminado como SVG o PNG, o conserva los datos como CSV.
Cómo crear un gráfico de barras
-
1
Añade datos etiquetados
Usa la tabla para dos a veinte categorías y una a cuatro series, o pega filas CSV o separadas por tabulaciones. Cada categoría necesita un nombre y cada valor debe ser un número finito no negativo.
-
2
Elige cómo compararlos
Usa barras agrupadas para comparar cada serie dentro de una categoría, o barras apiladas para mostrar el total de la categoría. Escoge la orientación y añade título, etiquetas de ejes, nota de fuente y opciones de presentación.
-
3
Revisa y exporta
Lee la tabla de datos junto al gráfico, comprueba nombres de categoría repetidos y descarga el gráfico actual como SVG o PNG. También puedes copiar o descargar el CSV de origen.
Elige barras agrupadas o apiladas según la pregunta
Un gráfico de barras agrupadas coloca las series una al lado de otra dentro de cada categoría. Resulta útil cuando importa la comparación dentro de la categoría, por ejemplo este año frente al anterior en Norte, Sur, Este y Oeste. Un gráfico de barras apiladas suma las series dentro de cada categoría. Sirve para ver el total de una categoría y sus partes, pero facilita menos la comparación de una serie que no empieza en cero.
Este creador solo acepta valores finitos no negativos. Úsalo para recuentos, importes, tasas u otras medidas en las que cero sea una base significativa. No dibuja barras negativas, no calcula porcentajes, no decide qué tipo de gráfico es estadísticamente adecuado ni infiere una conclusión a partir de los números. Da a cada categoría y serie un nombre concreto, y añade una unidad a la etiqueta del eje de valores cuando ayude, como pedidos, minutos o USD.
| Objetivo | Mejor ajuste | Motivo |
|---|---|---|
| Comparar 2025 y 2026 en cada región | Barras agrupadas | Ambos años comparten la misma base cero en cada región |
| Mostrar de dónde procede un total regional | Barras apiladas | Cada segmento de color contribuye a un total de categoría |
| Leer mejor nombres de categoría largos | Barras horizontales | Las etiquetas tienen más espacio en el lado izquierdo |
| Conservar valores para revisarlos | Exportación CSV o tabla de datos | Se pueden inspeccionar valores con nombre sin estimar alturas |
Ejemplo práctico: pedidos trimestrales
Pega este CSV para comparar dos años. La primera fila nombra la columna de categoría y las series; las filas restantes nombran categorías e incluyen valores numéricos.
Quarter,2025,2026
Q1,42,55
Q2,36,48
Q3,51,46
Q4,28,39
Con barras verticales agrupadas, el primer trimestre muestra 42 para 2025 junto a 55 para 2026. Cambia a barras apiladas solo si el total trimestral combinado es el mensaje que quieres destacar. Un fondo transparente puede encajar en un documento, mientras que un fondo blanco suele leerse mejor por sí solo.
Datos legibles y privacidad
El SVG generado incluye un título y una descripción breve, y la página muestra los mismos valores de categorías y series en una tabla estructurada con encabezados de filas y columnas. La tabla ayuda a quien prefiere valores exactos y reduce la dependencia del color de las barras. Usa nombres de serie diferentes y mantén los valores visibles cuando los números sean importantes.
Los nombres de las categorías, los valores, las opciones de estilo y el SVG generado permanecen en el navegador. En el flujo de varios pasos, el estado de trabajo se guarda en el almacenamiento de sesión de esta pestaña para pasar de un paso a otro; no se incluye en la URL ni se envía mediante Livewire. Las descargas SVG, PNG y CSV se generan localmente. Cerrar la pestaña o borrar su almacenamiento de sesión puede eliminar un gráfico sin terminar, así que exporta una copia cuando necesites conservarlo.
Preguntas frecuentes
Puedes usar de dos a veinte filas de categorías con nombre y de una a cuatro series con nombre. Una tabla pegada necesita una fila de encabezados con Categoría y de una a cuatro columnas de series. Cada valor debe ser un número finito no negativo y al menos un valor debe ser mayor que cero.
Las barras agrupadas colocan las series una junto a otra para cada categoría, lo que facilita las comparaciones dentro de la categoría. Las barras apiladas suman las series dentro de cada categoría y pueden mostrar un total y sus partes. La herramienta no elige la forma adecuada por ti.
No. Esta versión solo importa texto CSV o separado por tabulaciones que pegues; no carga ni lee un archivo local. Acepta valores finitos desde cero y no dibuja valores negativos.
Enumera cada categoría como fila y cada serie con nombre como columna, con los valores usados para dibujar el gráfico. El SVG también incluye título y descripción breve. Usa la tabla cuando necesites revisar valores exactos en lugar de estimarlos por la altura de las barras.
No. Los nombres de categorías, valores, ajustes, SVG generado y descargas permanecen en tu navegador. En el flujo opcional de varios pasos, el gráfico de trabajo se guarda en el almacenamiento de sesión de esta pestaña y no se coloca en la URL ni se envía en solicitudes Livewire. La navegación normal sigue realizando solicitudes de página habituales.
Puedes descargar el gráfico actual como imagen vectorial SVG o imagen PNG, y descargar los datos de origen como CSV. También puedes copiar el CSV generado al portapapeles cuando esa función esté disponible en el navegador.
Herramientas relacionadas
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
WebP a PNG
Convierte imágenes WebP a PNG manteniendo la transparencia y la calidad píxel a píxel para edición, impresión y herramientas de diseño antiguas.
Vectorizador de PNG a SVG
Convierte imágenes raster PNG en rutas SVG desde el navegador. Ideal para logotipos, iconos y arte lineal. Controla el umbral, el número de colores y el suavizado.
Generador de códigos QR
Genera un código QR localmente en el navegador a partir de una URL, texto plano o una carga QR correctamente formateada, y descárgalo como PNG.
Generador de Códigos de Barras
Crea códigos de barras 1D escaneables en Código 128, Código 39, EAN-13, UPC-A, ITF-14 y Codabar. Exporta como PNG, SVG o PDF para impresión.
WebP a JPG
Convierte imágenes WebP a JPG/JPEG directamente en el navegador. Elige la calidad, aplana la transparencia sobre un color de fondo y descarga sin subir archivos.