ESP8266 - Graficador serial

Hardware Requerido

1	×	ESP8266 NodeMCU
1	×	Cable USB Tipo-A a Tipo-C (para PC USB-A)
1	×	Cable USB Tipo-C a Tipo-C (para PC USB-C)
1	×	(Recomendado) Placa de Expansión de Terminales de Tornillo para ESP8266
1	×	(Recomendado) Divisor de Alimentación para ESP8266 Tipo-C

Or you can buy the following kits:

1	×	DIYables Sensor Kit (30 sensors/displays)
1	×	DIYables Sensor Kit (18 sensors/displays)

Divulgación: Algunos de los enlaces proporcionados en esta sección son enlaces de afiliado de Amazon. Podemos recibir una comisión por las compras realizadas a través de estos enlaces sin costo adicional para usted. Apreciamos su apoyo.

Acerca de Serial Plotter

Serial Plotter es una característica del IDE de Arduino. Permite que el ESP8266 lea la temperatura, la humedad u otros datos de sensores y los envíe al Serial Plotter. El Serial Plotter toma estos datos y los muestra en forma de ondas. No solo puede mostrar datos de un sensor, sino también datos de varios sensores en el mismo gráfico.

Los datos se intercambian entre Serial Plotter y ESP8266 mediante un cable USB. Este mismo cable se utiliza para cargar el código en ESP8266. Por lo tanto, para usar Serial Plotter, es necesario conectar ESP8266 y la computadora mediante este cable.

Serial Plotter tiene una casilla de selección para elegir la velocidad de baudios serie y un gráfico. El eje X del gráfico representa el tiempo, con 500 puntos. El tiempo entre cada punto está determinado por el tiempo entre dos llamadas consecutivas a la función Serial.println(), que normalmente es igual al tiempo de la función loop(). El eje Y del gráfico muestra los valores recibidos del ESP8266, y se ajusta automáticamente cuando el valor aumenta o disminuye.

Cómo abrir el trazador serial

Haz clic en el icono del Plotter Serial en el lado derecho del IDE de Arduino.

Trazado de una sola línea en un gráfico

Para generar un único gráfico, solo necesitamos enviar los datos y terminarlo con el carácter “\r\n”.

Específicamente, necesitamos usar la función Serial.println().

Serial.println(variable);

※ Nota:

Serial.println() agrega “\r\n” caracteres al final de los datos.

Código de ejemplo

Toma el valor de una entrada analógica y gráficalo en Serial Plotter. Este es un ejemplo de cómo hacerlo.

Pasos R\u00e1pidos

Para empezar con ESP8266 en el IDE de Arduino, siga estos pasos:

Consulta el tutorial cómo configurar el entorno para ESP8266 en Arduino IDE si es la primera vez que usas ESP8266.
Conecta los componentes tal como se muestra en el diagrama.
Conecta la placa ESP8266 a tu computadora utilizando un cable USB.
Abre Arduino IDE en tu computadora.
Selecciona la placa ESP8266 correcta, como (p. ej. NodeMCU 1.0 (ESP-12E Module)), y su puerto COM correspondiente.
Copia el código y ábrelo en el Arduino IDE.
Haz clic en el botón Upload en el IDE para enviar el código a la ESP8266.
Abre el Serial Plotter.
Configura la velocidad en baudios a 9600.
Consulta el gráfico en el Serial Plotter.

Trazado de varias líneas en un gráfico

Para trazar múltiples variables, debemos separarlas entre sí usando ya sea el carácter “\t” o el carácter " " . El valor final DEBE terminar con los caracteres “\r\n”.

La primera variable:

Serial.print(variable_first);

Las variables en el medio:

Serial.print("\t"); // or Serial.print(" ") Serial.print(variable_nth);

La variable final:

Serial.print("\t"); // or Serial.print(" ") Serial.println(variable_last);

Ejemplo de código

Obtén los valores de cuatro pines de entrada analógica y muéstralos en Serial Plotter.

/* * Este código de ESP8266 NodeMCU fue desarrollado por es.newbiely.com * Este código de ESP8266 NodeMCU se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/esp8266/esp8266-serial-plotter */ void setup() { Serial.begin(9600); } void loop() { int y1 = random(0, 30); int y2 = random(0, 50); int y3 = random(20, 80); int y4 = random(40, 100); Serial.print(y1); Serial.print(" "); // a space ' ' or tab '\t' character is printed between the two values. Serial.print(y2); Serial.print(" "); // a space ' ' or tab '\t' character is printed between the two values. Serial.print(y3); Serial.print(" "); // a space ' ' or tab '\t' character is printed between the two values. Serial.println(y4); // the last value is followed by a carriage return and a newline characters. delay(100); }

Usando varios gráficos. Crea varios gráficos para ilustrar los datos.

Ejemplo de plotter serial con varias líneas

Ejemplo de 3 formas de onda senoidales

/* * Este código de ESP8266 NodeMCU fue desarrollado por es.newbiely.com * Este código de ESP8266 NodeMCU se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/esp8266/esp8266-serial-plotter */ void setup() { Serial.begin(9600); } void loop() { for(int i = 0; i < 360; i += 15) { float y1 = 1 * sin(i * M_PI / 180); float y2 = 2 * sin((i + 90)* M_PI / 180); float y3 = 5 * sin((i + 180)* M_PI / 180); Serial.print(y1); Serial.print("\t"); // a space ' ' or tab '\t' character is printed between the two values. Serial.print(y2); Serial.print("\t"); // a space ' ' or tab '\t' character is printed between the two values. Serial.println(y3); // the last value is followed by a carriage return and a newline characters. delay(100); } }

Gráfico de múltiples ondas sinusoidales: Se muestra una representación de múltiples ondas sinusoidales en el gráfico.

Si desea ver este plotter en su teléfono inteligente o PC, visite el ESP8266 - Web Plotter tutorial.

Video Tutorial

Estamos considerando crear tutoriales en video. Si considera que los tutoriales en video son importantes, suscríbase a nuestro canal de YouTube para motivarnos a crear los videos.

Referencias de Funciones

Tutoriales Relacionados

※ NUESTROS MENSAJES

No dude en compartir el enlace de este tutorial. Sin embargo, por favor no use nuestro contenido en otros sitios web. Hemos invertido mucho esfuerzo y tiempo en crear el contenido, ¡por favor respete nuestro trabajo!

DIVULGACIÓN

es.newbiely.com es participante del Programa de Asociados de Amazon Services LLC, un programa de publicidad de afiliados diseñado para proporcionar un medio para que los sitios web ganen tarifas publicitarias mediante publicidad y enlaces a Amazon.com, Amazon.it, Amazon.de, Amazon.co.uk, Amazon.ca, Amazon.de, Amazon.es, Amazon.nl, Amazon.pl y Amazon.se

Email: newbiely.com@gmail.com