Generador de gráficos de dispersión
Gráfico de dispersión a partir de CSV: la primera columna es X y cada columna siguiente es una serie Y. Exporta a PNG, todo directamente en el navegador.
Cómo usar
- 1 Pega datos CSV con dos o más columnas: la primera columna es el eje X (valores numéricos).
- 2 Cada columna adicional se convierte en una serie de puntos (X, Y).
- 3 Descarga el gráfico de dispersión como imagen PNG.
Por qué usar esta herramienta
- Eje X continuo, ideal para gráficos de correlación, tipo regresión o dispersión de muestras.
- Admite múltiples series de datos: cada columna numérica después de la primera se convierte en una serie propia.
- Chart.js se carga de forma diferida (lazy load), manteniendo el peso inicial reducido.
- Procesamiento totalmente del lado del cliente: tus datos nunca salen del navegador.
Preguntas frecuentes
¿Por qué faltan algunos puntos?
Las filas con celdas X o Y que no son numéricas se omiten silenciosamente, para mantener la vista previa limpia y ordenada.
¿Puedo mostrar una línea de tendencia?
Aún no es compatible; usa <a class="underline" href="/line-chart-maker">Line Chart Maker</a> para dibujar segmentos conectados.
¿Qué tipo de gráfico es adecuado para datos categóricos?
Para un eje X categórico (meses, nombres, etc.), usa <a class="underline" href="/bar-chart-maker">Bar</a> o <a class="underline" href="/line-chart-maker">Line</a>.
¿Qué es Generador de gráficos de dispersión?
El generador de gráficos de dispersión (Scatter Plot Maker) es una herramienta para crear gráficos de dispersión a partir de datos CSV directamente en el navegador. Toma la primera columna como valores del eje X y cada columna adicional como una serie Y independiente, representando los puntos correspondientes en un gráfico de dos ejes. El resultado puede exportarse como imagen PNG, y todo el procesamiento ocurre en el cliente sin necesidad de subir los datos a ningún servidor.
Características
Puntos XY multiserie a partir de columnas CSV
La primera columna del CSV se analiza como el valor numérico de X para cada fila; cada columna adicional se convierte en su propio conjunto de datos de puntos (X, Y), coloreado automáticamente a partir de una paleta de 10 colores.
Filas no numéricas omitidas silenciosamente
Cualquier fila cuya celda X o Y no supere el análisis de Number.isFinite (parseFloat) se descarta de esa serie, de modo que el gráfico se mantenga limpio en lugar de generar un error.
Exportación a PNG con un clic
El botón de descarga 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
El análisis del CSV (compatible con RFC 4180, maneja campos entre comillas con comas/saltos de línea incorporados) y el renderizado de Chart.js se ejecutan ambos en el navegador; el texto CSV nunca sale de la página.
Ejemplo
Input
Hours,Score
1,55
2,62
3,70
4,74
5,80
6,86
7,88
8,93Output
scatter-plot-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 1 series (Score) of 8 points on linear X/Y axes, point color #10b981 at 70% fill opacity with a solid border, legend shownCasos de uso comunes
-
1
Comprobación de correlación entre dos variables numéricas
Pega valores emparejados (por ejemplo, Hours,Score) para inspeccionar visualmente si X e Y tienden a moverse juntos antes de ejecutar una regresión formal en otra herramienta.
-
2
Trazado de múltiples series Y sobre un mismo eje X
Agrega columnas numéricas adicionales para superponer varias series de mediciones (por ejemplo, lecturas de sensores, puntuaciones de pruebas) sobre los mismos valores de X en un solo gráfico.
-
3
Control visual rápido de datos de muestra en bruto
Detecta valores atípicos o vacíos en un conjunto de datos pequeño pegándolo directamente y viendo qué filas se omiten por no ser numéricas antes de depurar el CSV de origen.
Scatter Plot Maker convierte el texto CSV pegado en un gráfico de dispersión XY renderizado con Chart.js 4 en un canvas HTML, tratando la primera columna como valores numéricos de X y cada columna siguiente como una serie Y independiente de puntos (X, Y) en ejes lineales. El resultado se puede exportar como PNG mediante canvas.toDataURL(). Todo el análisis del CSV y el renderizado del gráfico se realizan 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 — Gráfico de dispersión — Chart.js
- Chart.js — Eje lineal — Chart.js
- HTMLCanvasElement.toDataURL() — MDN Web Docs
- RFC 4180 — Formato común y tipo MIME para archivos CSV — IETF
Privacidad
Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Generador de gráficos de dispersión 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.