Creador de gráficos en línea
GeneradoresTodo se ejecuta en tu navegador: no se sube nada
Pega tus datos a la izquierda y el gráfico se dibuja a la derecha, listo para copiar como código SVG o descargar como archivo `.svg`. La salida es código SVG, no un mapa de bits. Eso es lo que lo hace mejor que las herramientas de gráficos tipo captura de pantalla: el SVG es vectorial, así que se mantiene nítido a cualquier tamaño y entra directo en una página web, en Word o en Illustrator, con un archivo que suele ocupar unos pocos KB. El precio es calcular tú las coordenadas — aunque tampoco se podría cargar aquí una biblioteca de gráficos, porque eso costaría a cada visitante unos cientos de KB de más. El formato de datos es «etiqueta,valor», uno por línea. Comas, tabulaciones, puntos y coma y espacios funcionan; una columna copiada de una hoja de cálculo suele venir ya así, y los separadores de millares entrecomillados de Excel, como `"1,200"`, también se leen bien. La etiqueta se puede omitir, y entonces las filas se numeran. La dispersión es la excepción: quiere dos números por línea, x e y. Las marcas del eje se redondean a números legibles. Con un máximo de 97, dibujar el eje hasta 97 exacto produce marcas como 0 / 24,25 / 48,5, que nadie puede leer; por eso los límites se redondean hacia arriba a múltiplos de 1, 2 o 5 — 97 pasa a 100, dando 0 / 25 / 50 / 75 / 100. Todas las bibliotecas de gráficos serias hacen lo mismo. ⚠️ Las filas que no se pueden interpretar se descartan y el gráfico dice cuántas — descartar una en silencio te dejaría una barra de menos creyendo que todos los datos entraron.
Funciones
- Cinco tipos de gráfico: barras, líneas, circular, dispersión y radar
- Un «etiqueta,valor» por línea, separado por comas, tabulaciones, puntos y coma o espacios
- Los separadores de millares entrecomillados de Excel, como "1,200", se leen como 1200
- Marcas de eje redondeadas a números legibles (97 pasa a 100, con paso de 25)
- La dispersión y el radar calculan sus propios ejes de valores
- Título, color principal, tamaño, líneas de cuadrícula y etiquetas de valor son ajustables
- Un gráfico circular con un solo punto se dibuja como círculo completo — un arco con extremos coincidentes no se dibuja
- Las etiquetas y el título se escapan para XML, así que un texto con `<` o `&` no rompe el SVG
- El SVG exportado lleva xmlns y puede usarse directamente como archivo
Cómo se usa
- Pega tus datos a la izquierda, un «etiqueta,valor» por línea
- Elige un tipo de gráfico y ajusta el título, el color y el tamaño si quieres
- Mira la vista previa; luego copia el código SVG o pulsa Descargar .svg
Preguntas frecuentes
- ¿Puedo pegar directamente desde Excel?
- Sí, y es el uso más habitual. Selecciona dos columnas, copia y pega: llega como «etiqueta<Tab>valor» o «etiqueta,valor», y ambas se entienden. Los separadores de millares entrecomillados también se manejan: cuando Excel exporta CSV escribe `1,200` como `"1,200"`, y cortar por comas sin más lo partiría en `"1` y `200"`, ninguno de los cuales es un número. El separador de aquí respeta las comillas.
- ¿Por qué el máximo del eje es 100 si mi valor más alto es 97?
- Porque las marcas se redondean a números legibles. Dibujar el eje hasta 97 exacto con cinco divisiones da 0 / 24,25 / 48,5 / 72,75 / 97 — inútil de leer. Así que los límites se redondean hacia arriba a múltiplos de 1, 2 o 5 (redondeo a número agradable, que hacen todas las bibliotecas), colocando 97 en la parte alta de un eje que se lee 0 / 20 / 40 / 60 / 80 / 100. El margen extra es relleno, no un error en los datos.
- ¿Puedo usar el resultado en PowerPoint o en un documento?
- Sí. «Descargar .svg» te da un archivo vectorial completo que Word, PowerPoint, Illustrator y Figma aceptan, y se mantiene nítido al ampliarlo. Si tu destino no admite SVG (versiones antiguas de Office o algunas aplicaciones de mensajería), abre el archivo en un navegador y exporta un PNG — la razón de partir del SVG es que un vector no tiene sustituto cuando hay que cambiar el tamaño.
Herramientas relacionadas
Degradados
Consultas180 degradados listos con vista previa y CSS para copiar. Busca por nombre, color o familia de tono, y saca un solo color de cualquier degradado.
Esquemas de color
ConsultasObtén siete armonías clásicas a partir de un color base, o genera una paleta aleatoria con nueve temas. Cada armonía dice cuándo usarla.
Editor SVG
ImágenesEscribe SVG a la izquierda y velo a la derecha. Cambia el fondo y revisa xmlns, viewBox y recursos externos. Tu código no entra en la página.
Generador de UUID
GeneradoresGenera una columna de UUID v4, v7, ULID, NanoID o MongoDB ObjectId, uno por línea, lista para pegar en una hoja. Se ejecuta en tu navegador.
Texto de relleno
GeneradoresGenera texto de relleno en latín Lorem ipsum, inglés, chino o japonés, por párrafos, frases o palabras. Todo en tu navegador, sin conexión.
Datos de prueba
GeneradoresDescribe tus campos y obtén registros de prueba realistas en JSON, CSV, TSV, SQL, XML, YAML o TOML. Todo en tu navegador.