Crear gráficos online

Crear gráficos online a partir de tus datos

Esta herramienta sirve para crear gráficos online en segundos: de columnas, de barras horizontales, de columnas apiladas, de líneas, de áreas, circulares o de anillo. Escribe tus cifras en la tabla (hasta 50 filas y 6 series) o pega un rango copiado de Excel, Google Sheets o un archivo CSV. La vista previa se redibuja mientras escribes y el resultado se descarga en PNG o SVG, o se copia al portapapeles.

Sin abrir una hoja de cálculo ni crear una cuenta: es la forma rápida de ilustrar un trabajo de clase o un TFG, preparar una diapositiva para una reunión, publicar una imagen en LinkedIn o Instagram, o seguir las ventas y el presupuesto de un pequeño negocio. Las imágenes salen limpias, sin marca de agua, con escalas redondas y números en formato español (1234,5; 12 %).

1. Elige el tipo de gráfico

   Pulsa Columnas, Barras, Columnas apiladas, Líneas, Áreas, Circular o Anillo. Los gráficos circular y de anillo usan la primera serie de la tabla.

2. Escribe o pega tus datos

   En la pestaña «Datos», rellena la tabla (etiquetas en la columna 1, una columna por serie) o abre «Pegar una tabla» y pulsa «Importar y reemplazar». «Añadir fila», «Añadir serie» e «Intercambiar filas y columnas» reorganizan la tabla.

3. Añade títulos y estilo

   La pestaña «Títulos y ejes» define el título, el subtítulo y los títulos de los ejes; «Estilo» controla los colores, la leyenda, el formato de números (prefijo, sufijo, decimales), el tamaño del texto y los valores.

4. Exporta la imagen

   Elige el «Tamaño de la imagen» (16:9, cuadrado, vertical o 4:3) y el «Fondo», y pulsa «Descargar PNG», «Descargar SVG» o «Copiar imagen» para pegarla en un documento.

Cómo se construye el gráfico

El gráfico se dibuja en SVG con un motor escrito para este sitio, sin bibliotecas externas. Las escalas, las etiquetas y los colores se recalculan con cada cambio para que la imagen siga siendo legible, tenga los datos que tenga.

• Escalas redondas: la distancia entre líneas de cuadrícula es 1, 2 o 5 veces una potencia de 10 (0, 20, 40, 60, 80), según el método de los «nice numbers» descrito por Paul Heckbert en Graphics Gems (1990).
• Eje desde cero: las columnas y barras parten siempre de cero, porque su longitud debe ser proporcional al valor; los valores negativos bajan por debajo de una línea base. En líneas y áreas puedes desmarcar «Eje desde cero» para ver mejor las variaciones.
• Etiquetas sin solaparse: las categorías pasan a dos líneas, se inclinan 45° o se muestran una de cada dos cuando falta espacio; en un gráfico circular, las porciones pequeñas llevan una etiqueta exterior con línea guía.
• Líneas suavizadas: con la opción del mismo nombre, la interpolación monótona (método de Steffen) pasa por cada punto sin inventar picos ni valles que no estén en los datos.
• Números localizados: separadores del español, abreviatura automática de las cifras grandes (12 mil, 1,2 M) y prefijo y sufijo libres (€, $, %, kg).
• Exportación fiel: el SVG usa colores explícitos y la fuente del sistema; el PNG se genera a partir de ese mismo SVG exactamente al tamaño elegido (por ejemplo 1200 × 675 píxeles), o al doble (2400 × 1350) con la opción de alta resolución.

¿Qué gráfico elegir según tus datos?

¿Para qué sirve este generador de gráficos?

• Estudios: un gráfico nítido para un trabajo, una práctica o un TFG, listo para pegar en Word o Google Docs.
• Reuniones y presentaciones: formato 16:9 para PowerPoint o Google Slides, con fondo transparente para integrarlo en una plantilla de color.
• Redes sociales: cuadrado 1080 × 1080 o vertical 1080 × 1350 para Instagram y LinkedIn, con texto más grande gracias a «Tamaño del texto».
• Pequeño negocio o asociación: ventas mensuales, reparto de un presupuesto, asistencia, sin pagar una suscripción.
• Blog, boletín, artículo: un SVG de pocos kilobytes, perfectamente nítido en pantallas de alta densidad.

Errores frecuentes y cómo resolverlos

• Series y categorías al revés: si los años aparecen en el eje horizontal en lugar de los meses, pulsa «Intercambiar filas y columnas».
• Celdas en rojo: contienen texto («12 kg», «aprox. 40») y se ignoran; deja solo el número y pon la unidad en «Sufijo».
• Gráfico circular con demasiadas porciones: con más de seis, agrupa los valores pequeños en una fila «Otros» o pasa a barras horizontales.
• Colores demasiado parecidos: la paleta Violeta usa matices de un solo tono; con más de tres series, elige «Vivos (aptos para daltonismo)» o pulsa la muestra de color de una serie, en el encabezado de la tabla, para cambiarla.
• Texto ilegible en el móvil: para una imagen de redes sociales, usa un formato cuadrado o vertical y el tamaño de texto «Grande».

Todo se calcula en tu navegador: tus datos nunca salen de tu dispositivo y no hace falta cuenta. Se guarda una copia local del último gráfico en el almacenamiento del navegador (el botón «Ejemplo» la borra). Límites: 50 filas y 6 series (por eso, para intercambiar filas y columnas hacen falta 6 filas como máximo); los gráficos circular y de anillo solo usan la primera serie y omiten los valores nulos o negativos; el SVG usa la fuente del sistema, por lo que puede verse ligeramente distinto en otro ordenador (el PNG, en cambio, es fijo).