Generador de gráficos de barras
Crea gráficos de barras a partir de CSV — apiladas, agrupadas u horizontales. Admite varias series de datos, exporta a PNG y no requiere subir archivos.
Cómo usar
- 1 Pega los datos CSV con los encabezados en la primera fila y las etiquetas en la primera columna.
- 2 Activa la opción de apilado u horizontal para cambiar el diseño. Varias columnas de datos se convertirán en grupos de barras adyacentes o apiladas.
- 3 Descarga el gráfico generado como PNG para usarlo en presentaciones o informes.
Por qué usar esta herramienta
- Opciones de apilado y horizontal — una sola herramienta cubre diseños agrupados, apilados y de barras adyacentes.
- Chart.js se carga de forma diferida (lazy-load) — la primera visualización es rápida y no requiere subir ningún archivo.
- Preparado para varias series de datos — cada columna numérica de tu CSV se convierte en una serie de barras independiente.
- Admite celdas CSV entre comillas, incluyendo comas y saltos de línea dentro de un campo.
Preguntas frecuentes
¿Necesitas otro tipo de gráfico?
Prueba el <a class="underline" href="/line-chart-maker">generador de gráficos de líneas</a>, el de <a class="underline" href="/pie-chart-maker">gráficos circulares</a> o el de <a class="underline" href="/scatter-plot-maker">diagramas de dispersión</a> — todos usan el mismo formato CSV de entrada.
¿Cómo convierto primero JSON a CSV?
Usa la herramienta de <a class="underline" href="/csv-to-json">conversión CSV / JSON</a> para convertir tus datos a CSV y luego pégalos aquí.
¿Por qué faltan algunas barras?
Las celdas que no son numéricas se convierten en null y se omiten. Asegúrate de que tus columnas de datos contengan únicamente números.
¿Qué es Generador de gráficos de barras?
El generador de gráficos de barras (Bar Chart Maker) es una herramienta que crea gráficos de barras a partir de datos CSV directamente en el navegador. Representa los valores como barras rectangulares y admite diseños apilados, agrupados y horizontales con varias series de datos. El gráfico resultante puede exportarse como imagen PNG, y todo el procesamiento ocurre del lado del cliente (client-side), sin necesidad de subir ningún archivo.
Características
Barras multi-serie a partir de columnas CSV
Cada columna numérica posterior a la primera se convierte en un conjunto de datos de barras independiente, con un color distinto asignado automáticamente de una paleta de 10 colores; las celdas no numéricas se interpretan como null y se omiten.
Alternancia entre diseño apilado y horizontal
Las casillas de verificación cambian el gráfico entre barras agrupadas y apiladas (Chart.js scales.x/y.stacked) y entre orientación vertical y horizontal (Chart.js indexAxis: 'x' | 'y').
Exportación a PNG con un clic
Download renderiza el canvas en vivo como una URL de datos PNG con canvas.toDataURL('image/png') y activa una descarga en el navegador — sin ida y vuelta al servidor.
Solo del lado del cliente, sin subida de archivos
Tanto el análisis del CSV (compatible con RFC 4180, maneja campos entre comillas con comas/saltos de línea incrustados) como el renderizado de Chart.js se ejecutan en el navegador; el texto CSV nunca sale de la página.
Ejemplo
Input
Quarter,Revenue,Cost
Q1,42,30
Q2,55,33
Q3,61,40
Q4,78,48Output
bar-chart-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 2 bar series (Revenue, Cost) in grouped layout with a legend, colors #10b981 and #0ea5e9 at 70% fill opacityCasos de uso comunes
-
1
Comparación trimestral de ingresos frente a costos
Pega filas de Quarter,Revenue,Cost para obtener barras lado a lado o apiladas que comparan dos métricas por período, ideales para una presentación o un informe.
-
2
Desgloses de encuestas o categorías
Convierte recuentos etiquetados (por ejemplo, cuota de navegadores, origen del tráfico) en un gráfico de barras horizontal cuando las etiquetas de categoría son largas y no caben en un eje x vertical.
-
3
Verificación visual rápida antes de publicar un gráfico en otro lugar
Previsualiza cómo se ven los datos CSV multi-serie como barras apiladas o agrupadas antes de aplicar la misma estructura en una herramienta de BI o una diapositiva.
Bar Chart Maker convierte texto CSV pegado en un gráfico de barras renderizado con Chart.js 4 sobre un canvas HTML. Cada columna numérica posterior a la primera se convierte en su propia serie de datos, con interruptores para barras apiladas, orientación horizontal (indexAxis) y visibilidad de la leyenda; el resultado puede exportarse como PNG mediante canvas.toDataURL(). Todo el análisis del CSV y el renderizado del gráfico ocurren del lado del cliente en el navegador — ningún archivo se sube a un servidor.
- Categoría
- Creador
- Precio
- Gratis
- Privacidad
- Basado en el navegador
- Registro
- No necesario
Referencias
- Chart.js — Bar Chart — Chart.js
- Chart.js — Cartesian Axes (stacked, indexAxis) — Chart.js
- HTMLCanvasElement.toDataURL() — MDN Web Docs
- RFC 4180 — Common Format and MIME Type for CSV Files — IETF
Privacidad
Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Generador de gráficos de barras funciona completamente del lado del cliente — sin subida a servidor, sin registro de actividad, sin seguimiento de tu contenido.
Crea, comparte y crece en Zerethon Social
Registro gratuito. Gana puntos, colecciona logros y conecta con creadores de todo el mundo.