Crear gráfico de barras online

Qué puedes hacer aquí

• Añadir o eliminar filas de categoría y valor no negativo.
• Actualizar automáticamente un gráfico vertical en un lienzo 900 × 560.
• Añadir un título opcional de hasta 60 caracteres.
• Mostrar el valor sobre cada barra y una escala dividida en cuatro intervalos.
• Descargar la vista actual como `bar-chart.png` con fondo blanco.

Respuesta rápida: cómo hacer un gráfico de barras

Escribe un título opcional y sustituye las filas de ejemplo por una categoría y su valor. Añade tantas filas como necesites; la vista se redibuja al escribir. Solo se incluyen filas con etiqueta, número válido y valor igual o superior a cero. Cuando la comparación sea legible, pulsa «Descargar PNG» para guardar `bar-chart.png` en 900 × 560 píxeles.

La herramienta dibuja columnas verticales aunque muchas búsquedas usen «gráfico de barras» o «gráfica de barras» como término general. No ordena las categorías, no importa hojas de cálculo y no conserva los datos dentro del PNG. Guarda también la tabla original y anota unidad, periodo y fuente para que otra persona pueda interpretar y reproducir la imagen.

Cuándo conviene un gráfico de barras o columnas

Las barras son útiles para comparar magnitudes entre categorías discretas: respuestas de una encuesta, ventas por producto, alumnos por grupo o incidencias por tipo. La posición sobre una escala común facilita detectar qué categoría es mayor y cuánto difiere de otra. El orden puede seguir tiempo, magnitud o una secuencia lógica, pero debe elegirse deliberadamente.

Para una serie temporal larga suele funcionar mejor una línea; para mostrar partes de un total, una barra apilada o una tabla puede ser más clara; para relacionar dos variables numéricas, utiliza dispersión. Este componente solo crea una serie de columnas simples. No afirmes tendencia, porcentaje del total o causalidad si la tabla no permite esa lectura.

Cómo preparar etiquetas y valores

Cada fila necesita una etiqueta no vacía y un número finito no negativo. Los valores aceptan decimales con punto. Una fila vacía, con texto en el campo numérico o con valor negativo se ignora. Cero sí es válido y debe mantenerse si representa una observación real, porque quitar categorías con cero puede cambiar la historia que cuenta el gráfico.

Las etiquetas largas se recortan en el lienzo después de nueve caracteres y muestran puntos suspensivos. El campo original conserva el texto, pero la imagen no incluye una leyenda expandida. Utiliza nombres breves y únicos, abreviaturas explicadas en el título o una tabla adjunta. Si dos categorías terminan con la misma abreviatura, el PNG puede resultar ambiguo.

• Una fila equivale a una categoría y un valor.
• Los valores negativos no se dibujan.
• Las etiquetas largas se abrevian en la imagen.
• El título admite hasta 60 caracteres.

Escala, cero y comparación visual

La escala parte de cero y toma como máximo el mayor valor válido, con cuatro divisiones intermedias. Esto evita cortar el eje y exagerar diferencias pequeñas. Si todos los valores son cero, el máximo técnico se mantiene en 1 para poder dibujar el marco; las barras quedan sin altura. El número se imprime sobre cada columna con hasta dos decimales.

Una categoría extremadamente grande puede hacer que las demás parezcan casi planas. No existe escala logarítmica, eje roto, zoom ni segundo eje. En ese caso, separa grupos con justificación, utiliza una tabla o elige una visualización adecuada. Nunca retires un valor atípico solo para obtener una imagen más vistosa: explica cualquier exclusión junto a la fuente.

Colores, cantidad de filas y accesibilidad

El componente recorre una paleta fija de ocho colores y luego la repite. No puedes elegir colores, destacar una barra ni aplicar una serie semántica. Con muchas categorías, las columnas se estrechan y las etiquetas se solapan conceptualmente aunque el archivo siga generándose. Para una lectura rápida, limita el conjunto a las categorías que respondan a una pregunta concreta.

El color no debe ser el único portador de significado. La imagen incluye etiquetas y cifras, pero un PNG no ofrece por sí solo una tabla accesible ni texto alternativo contextual. Cuando publiques el gráfico, añade un título cercano, una descripción de la conclusión, la tabla de datos y un texto alternativo que explique comparación, unidad, periodo y fuente.

Privacidad, descarga y trazabilidad

Las etiquetas, los valores y el dibujo permanecen en este navegador. FunnyTools no recibe la tabla para construir el gráfico. La página puede realizar conexiones generales de analítica o publicidad conforme a la política del sitio, pero el contenido de las filas no forma parte de esos eventos. No introduzcas nombres personales si basta con categorías anónimas.

La descarga es un PNG de fondo blanco; no contiene la tabla editable, metadatos de fuente, vínculos ni descripción accesible. Antes de insertarlo en un informe, abre el archivo, comprueba el título, cada etiqueta, cifra, orden, unidad y fecha. Conserva la tabla original en un formato reutilizable para poder corregir o actualizar el gráfico más adelante.

Cómo utilizarla paso a paso

1. Sustituye las filas de ejemplo por etiquetas breves y valores no negativos.
2. Añade o elimina filas y decide un orden lógico para la comparación.
3. Escribe un título de hasta 60 caracteres que incluya tema, unidad o periodo.
4. Revisa escala desde cero, cifras, etiquetas abreviadas y categorías omitidas.
5. Descarga `bar-chart.png` y guarda también la tabla y la fuente por separado.

Situaciones en las que resulta útil

• Comparar ventas mensuales de cuatro productos en la misma unidad.
• Mostrar votos válidos por opción de una encuesta.
• Representar alumnos por grupo o nivel educativo.
• Comparar incidencias por categoría durante un periodo definido.
• Crear una imagen sencilla para una diapositiva o ficha didáctica.

Ejemplos completos

Límites y comprobaciones importantes

• El resultado es un gráfico vertical de una sola serie, no barras horizontales ni apiladas.
• Solo se dibujan valores finitos iguales o superiores a cero.
• Las etiquetas de más de diez caracteres se abrevian en el PNG.
• La paleta es fija, se repite después de ocho barras y no puede editarse.
• El PNG no incorpora tabla, fuente, unidad, texto alternativo ni datos editables.

Preguntas frecuentes