Para esta publicación, se han instalado dos sensores para la recolección de datos en tiempo real, los cuales están actualmente en funcionamiento en la ciudad de Guayaquil: uno para medir la humedad y otro para medir la temperatura. Ambos sensores utilizan tecnología LoRA para enviar la información recopilada a un Gateway. Este Gateway actúa como punto central de conexión, recibiendo los datos de los sensores y enviándolos a la plataforma de Google Cloud a través de una conexión celular LTE.
Una vez que los datos están almacenados en la plataforma de Google Cloud, se ha creado una interfaz web personalizada. Esta interfaz permite la visualización y el análisis de los datos recolectados por los sensores, ofreciendo una representación clara y fácilmente accesible para los usuarios.
Leaflet viewer with OpenStreetMap
Leaflet viewer with OpenStreetMap
En el mundo interconectado de hoy, la capacidad de recopilar y visualizar datos en tiempo real es esencial para entender y tomar decisiones informadas. En esta ocasión, exploraremos cómo visualizar los datos de las últimas 24 horas de diversas variables capturadas por dispositivos IoT utilizando Google y Chart.js.
El código proporcionado es una pieza clave para este propósito. Se integra con la API de Google para acceder y procesar datos almacenados en una hoja de cálculo específica.
Este código permite crear gráficos dinámicos de tres variables distintas recopiladas por sensores IoT: temperatura, humedad y temperatura de la CPU. A través de la biblioteca Chart.js, se generan visualizaciones claras y concisas que muestran la evolución de estas variables a lo largo del tiempo.
La magia ocurre al filtrar los datos para mostrar únicamente la información de las últimas 24 horas. Esto se logra utilizando JavaScript para seleccionar y presentar solo los datos más relevantes, proporcionando así una visión específica y actualizada del comportamiento de las variables monitoreadas.
Algunos aspectos importantes del código incluyen:
- Uso de la API de Google para recuperar datos.
- Filtrado de los datos según un período de tiempo específico (en este caso, las últimas 24 horas).
- Creación de gráficos dinámicos y claros con Chart.js.
- Visualización de los datos de temperatura, humedad y temperatura de la CPU en tres gráficos separados para una mejor comprensión.
Esta integración entre Google, JavaScript y Chart.js proporciona una manera poderosa y flexible de monitorear y visualizar datos de IoT de manera eficiente y amigable para el usuario.
¡No dudes en probar esto y adaptarlo a tus propios conjuntos de datos de IoT! La capacidad de personalización y expansión es vasta, permitiendo la incorporación de más variables, ajustes de diseño y mucho más.
Comments
Post a Comment