Serial Plotter online
Grafica en vivo los números de un Arduino, ESP32, Raspberry Pi Pico o cualquier dispositivo USB a serie directamente en tu navegador. Imprime lecturas separadas por comas, espacios o en formato etiqueta:valor y obsérvalas como líneas de colores; pausa para retroceder, haz zoom y guarda los datos en CSV.
Última actualización:
12,34.5,-7 o temp:21.5 hum:40Graficar datos pegados (sin dispositivo)
Últimas líneas en bruto
Cómo usar Serial Plotter online
- Imprime números desde tu sketch, una lectura por línea, por ejemplo
Serial.print(a); Serial.print(','); Serial.println(b);. - Cierra otras apps serie, como el Monitor Serie del Arduino IDE, porque solo un programa puede usar un puerto a la vez.
- Elige la velocidad en baudios que coincida con
Serial.begin()y haz clic en Conectar puerto serie; luego elige tu placa en la lista del navegador. - Observa las líneas dibujarse en tiempo real. Haz clic en un elemento de la leyenda para ocultar una línea, o cambia el eje Y a un rango fijo.
- Pausa y haz zoom para examinar un pico: arrastra el gráfico o usa el control deslizante para retroceder, y los botones de zoom (o Ctrl + rueda del ratón) para cambiar cuántos puntos se muestran.
- Descarga el CSV para abrir las muestras grabadas en una hoja de cálculo, o Descargar PNG para guardar el gráfico.
Sketch de Arduino de ejemplo para el serial plotter
Cualquier programa que imprima números seguidos de un salto de línea se graficará. Este breve sketch envía dos lecturas analógicas y su media como valores etiquetados:
void setup() {
Serial.begin(115200);
}
void loop() {
int a = analogRead(A0);
int b = analogRead(A1);
Serial.print("A0:"); Serial.print(a);
Serial.print(",A1:"); Serial.print(b);
Serial.print(",avg:"); Serial.println((a + b) / 2.0);
delay(20); // about 50 lines per second
}En un ESP32 o Raspberry Pi Pico con MicroPython, print(a, b, sep=",") funciona igual.
Formatos de línea aceptados
| Línea enviada por el dispositivo | Resultado en el plotter |
|---|---|
512 | Una línea llamada Valor 1 |
512,300,-12.5 | Tres líneas (Valor 1, 2, 3) |
512 300 o separado por tabulaciones | Dos líneas; funcionan espacios, tabulaciones, comas y punto y coma |
temp:21.5,hum:40 | Dos líneas llamadas temp y hum |
x=0.12 y=-0.98 z=9.81 | Tres líneas llamadas x, y y z |
pitch roll (solo palabras) | Encabezado: da nombre a las columnas sin etiqueta que siguen |
Booting... | Se ignora (solo se muestra en Últimas líneas en bruto) |
1.2e-3 | Se admite la notación científica |
Consejos para gráficos en vivo fluidos
- Elige una velocidad alta como 115200 cuando envíes muchos valores; a 9600 baudios solo caben unos 960 caracteres por segundo en el enlace.
- Añade un pequeño retardo (de 10 a 50 ms) en tu bucle. Cientos de líneas por segundo están bien, pero unas pocas decenas se leen mejor.
- Usa nombres de etiqueta cortos e iguales en todas las líneas, para que cada valor se mantenga en su propia línea de color.
- Usa un rango Y fijo (por ejemplo de 0 a 1023 para un ADC de 10 bits) cuando la escala automática haga que un ruido pequeño parezca enorme.
- Pausa antes de exportar si quieres que el CSV coincida exactamente con lo que estás viendo.
Preguntas frecuentes
¿Qué formato de datos entiende el serial plotter?
Envía una lectura por línea, terminada en salto de línea (Serial.println). Los números pueden separarse con comas, espacios, tabulaciones o punto y coma, como 12,34.5,-7. También puedes etiquetar los valores como nombre:valor o nombre=valor, por ejemplo temp:21.5,hum:40, y cada etiqueta se convierte en su propia línea en el gráfico. Una línea que solo contiene palabras, como temp hum, se usa como nombres para las columnas sin etiqueta que vienen después.
¿Qué navegadores admiten el serial plotter online?
Conectarse a un puerto serie real requiere la Web Serial API, disponible en Chrome, Edge y Opera de escritorio a partir de la versión 89 en una página https segura. Firefox y Safari no admiten Web Serial. En esos navegadores puedes seguir usando la señal de demostración o pegar la salida serie guardada para graficarla.
¿Por qué el gráfico no muestra nada o muestra basura aleatoria?
La causa más común es que no coincide la velocidad en baudios: la velocidad elegida aquí debe ser igual a la de Serial.begin() en tu placa. Comprueba también que cada lectura termine con un salto de línea, que el cable USB transmita datos (no solo carga) y que ningún otro programa, como el Monitor Serie del Arduino IDE, tenga el puerto abierto.
¿Cuántos valores y muestras puede graficar?
Cada línea puede contener 10 o más valores; los diez primeros reciben colores distintos. El plotter conserva en memoria las 60,000 muestras más recientes y, cuando se llena, descarta las 10,000 más antiguas. Puedes mostrar entre 10 y 60,000 puntos a la vez; las ventanas muy densas se dibujan con diezmado mín./máx. para no perder picos breves.
¿Cómo guardo los datos graficados?
Haz clic en Descargar CSV. El archivo tiene una fila por línea recibida con el número de muestra, el tiempo en milisegundos desde que empezó el gráfico y una columna por serie. Los valores que faltan quedan vacíos, así que el archivo se abre sin problemas en Excel, Google Sheets o LibreOffice. Descargar PNG guarda una imagen de la vista actual del gráfico.
¿Se envían mis datos serie a algún sitio?
No. La página lee el puerto directamente a través de tu navegador y dibuja el gráfico localmente. No se sube nada, y el navegador solo permite a la página acceder al puerto concreto que elijas en su diálogo de permisos.
¿En qué se diferencia del Serial Plotter del Arduino IDE?
Funciona igual, leyendo números terminados en salto de línea, pero se ejecuta en una pestaña del navegador sin instalar nada. Añade pausa con retroceso, tamaño de ventana ajustable, rango Y fijo o automático, lecturas de mín./máx. por línea y exportación a CSV de todas las muestras.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.