Creador de gráficos de líneas
Paso 1 / 4
Añade datos de tendencia
Compara de dos a veinte etiquetas ordenadas con una a cuatro series. Los datos se quedan en este navegador.
| Etiqueta | ||
|---|---|---|
Convierte una secuencia de valores en un gráfico de líneas claro con varias series. Importa datos CSV o separados por tabuladores con dos a veinte categorías etiquetadas y una a cuatro series con nombre, y elige una paleta, cuadrícula, marcadores y suavizado. Usa el gráfico terminado para mostrar cómo cambian los valores en las mismas categorías ordenadas. El gráfico y sus exportaciones SVG, PNG y CSV se generan de forma local en tu navegador.
Cómo crear un gráfico de líneas
-
1
Prepara una columna compartida de categorías
Coloca las etiquetas de categoría en la primera columna y da a cada columna siguiente un nombre de serie claro. Usa de dos a veinte filas y de una a cuatro series para que cada línea siga la misma secuencia de categorías.
-
2
Importa y da forma al gráfico
Importa los datos CSV o TSV y elige después la paleta, cuadrícula, marcadores y suavizado que ayuden a seguir los valores sin ocultar el patrón de fondo.
-
3
Revisa el mensaje y exporta
Confirma que el orden de las categorías y las etiquetas de las series son correctos, y descarga el gráfico actual como SVG o PNG. Exporta también CSV si los lectores necesitan los valores exactos.
Empieza por una secuencia que una línea pueda explicar
Un gráfico de líneas es más útil cuando el orden de las categorías tiene significado: meses, etapas de un proyecto, temperaturas en momentos medidos o versiones sucesivas de un producto. Muestra cómo cambia cada serie a lo largo de ese orden compartido. No establece por qué se produjo un cambio, no predice el valor siguiente ni convierte categorías no relacionadas en una tendencia significativa.
Reserva la primera columna para las etiquetas de categoría y usa una columna para cada serie. Los nombres de las columnas se convierten en los nombres con los que los lectores identifican las líneas.
| Pregunta | Un gráfico de líneas ayuda cuando | Atención a |
|---|---|---|
| ¿Una medida sube o baja con el tiempo? | Las categorías son periodos ordenados, como días o meses | Una línea sugiere conexión entre periodos adyacentes, no causalidad |
| ¿Dos medidas se movieron de forma distinta? | Ambas series usan las mismas categorías y unidad | Da a cada serie un nombre específico en lugar de depender del color |
| ¿Dónde se produjo un cambio? | Las categorías son hitos o versiones secuenciales | Usa marcadores cuando los lectores necesiten localizar observaciones individuales |
| ¿Los lectores necesitan valores exactos? | Proporcionas el CSV o la tabla de datos correspondiente | Una imagen de gráfico por sí sola obliga a estimar valores |
Ejemplo práctico: registros mensuales
Importa este CSV para dibujar dos líneas durante cuatro meses. La primera fila nombra la columna de categoría y las dos series. Cada fila posterior aporta una categoría y sus valores.
Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126
La línea de registros del sitio web sube de enero a febrero, baja en marzo y alcanza su valor mostrado más alto en abril. Los registros del boletín suben en cada mes mostrado. Si la fuente usa tabuladores en lugar de comas, importa los datos TSV equivalentes; la estructura es la misma.
Marcadores, cuadrícula y suavizado
Los marcadores facilitan localizar cada observación proporcionada. Una cuadrícula puede facilitar una lectura aproximada, sobre todo cuando varias líneas están muy próximas. El suavizado cambia el recorrido visual entre observaciones, así que úsalo con cuidado: una línea curva puede hacer que un valor intermedio parezca más seguro de lo que respaldan los datos originales. Para categorías discretas, observaciones irregulares o informes en los que importan los valores precisos, mantén activados los marcadores y comparte el CSV junto a la imagen.
Haz que el gráfico se entienda sin depender solo del color
No conviertas el color en la única forma de distinguir series. Da a cada serie un nombre explícito y visible, y facilita los datos en una tabla o CSV cuando importen los valores exactos o la tendencia. Un breve resumen escrito también puede describir el patrón esencial, por ejemplo qué serie subió, bajó o cambió de dirección.
Un SVG o PNG es una exportación visual, no un sustituto completo de accesibilidad por sí solo. Al publicar un gráfico, incluye los datos subyacentes y un resumen textual conciso de las relaciones importantes. Esto sigue la orientación del W3C, que considera los gráficos imágenes complejas que necesitan una alternativa textual y que indica que la información no debe depender solo del color.
La herramienta procesa los datos del gráfico y crea descargas SVG, PNG y CSV de forma local en tu navegador. La carga de la página sigue siendo una solicitud normal al sitio; guarda una exportación si necesitas conservar el gráfico al cerrar la pestaña.
Preguntas frecuentes
Puedes usar de dos a veinte categorías etiquetadas y de una a cuatro series con nombre. Todas las series deben usar la misma lista ordenada de categorías para que los lectores comparen las líneas en cada posición.
Usa una fila de encabezados. Coloca las etiquetas de categoría en la primera columna y una serie con nombre en cada columna posterior. Cada fila siguiente debe contener una categoría seguida de los valores de esas series.
Usa marcadores cuando sea necesario encontrar fácilmente observaciones individuales. El suavizado puede hacer más fácil revisar un patrón amplio, pero también puede sugerir valores intermedios que no se midieron. Mantén la línea sin suavizar y comparte los datos de origen cuando la precisión importe.
No. Un gráfico de líneas puede mostrar valores que cambian en categorías ordenadas y revelar patrones que merece la pena investigar, pero no establece una causa, no pronostica un valor futuro ni juzga la calidad de los datos.
Usa nombres claros para las series, no dependas solo del color y publica el CSV subyacente o una tabla de datos equivalente con un breve resumen textual de la tendencia principal. Así los lectores disponen de valores exactos en lugar de tener que estimarlos a partir de la imagen.
Puedes exportar el gráfico actual como SVG o PNG y los datos como CSV. El procesamiento del gráfico y las exportaciones se generan de forma local en tu navegador; la carga normal de la página sigue siendo una solicitud habitual al sitio.
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.
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.
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.