Skip to main content

▷ Display of last 24 hours of Temperature, Humidity and Temp. CPU

 


For this post, two sensors have been deployed for real-time data collection, currently operational in the city of Guayaquil: one for humidity and another for temperature. Both sensors utilize LoRA technology to transmit collected information to a Gateway. This Gateway serves as a central connection point, receiving data from the sensors and forwarding it to the Google Cloud platform via LTE cellular connectivity. Leaflet viewer with OpenStreetMap

Leaflet viewer with OpenStreetMap


Once the data is stored on the Google Cloud platform, a customized web interface has been developed. This interface facilitates the visualization and analysis of the sensor-collected data, offering users a clear and easily accessible representation.

In today's interconnected world, the ability to gather and visualize real-time data is essential for understanding and making informed decisions. On this occasion, we will explore how to visualize the data from the last 24 hours of various variables captured by IoT devices using Google and Chart.js.


The provided code is a key component for this purpose. It integrates with the Google API to access and process data stored in a specific spreadsheet.

This code allows for the creation of dynamic charts for three distinct variables collected by IoT sensors: temperature, humidity, and CPU temperature. Through the Chart.js library, clear and concise visualizations are generated that display the evolution of these variables over time.

The magic happens when filtering the data to display only the information from the last 24 hours. This is achieved using JavaScript to select and present only the most relevant data, thus providing a specific and updated view of the behavior of the monitored variables.

Some important aspects of the code include:

  • Use of the Google API to retrieve data.
  • Filtering of data based on a specific time period (in this case, the last 24 hours).
  • Creation of dynamic and clear charts with Chart.js.
  • Visualization of temperature, humidity, and CPU temperature data in three separate charts for better understanding.

This integration between Google, JavaScript, and Chart.js provides a powerful and flexible way to efficiently monitor and visualize IoT data in a user-friendly manner.

Feel free to try this out and adapt it to your own IoT datasets! The customization and expansion capabilities are vast, allowing for the inclusion of more variables, design adjustments, and much more..

Last 24h visualization of each variable from Google Cloud

Last 24h visualization of each variable from Google Cloud


Read related topics

Comments

  1. Tome CaineAugust 9, 2025 at 5:39 PM

    The display showing the last 24 hours of temperature, humidity, and CPU temp is very insightful for monitoring. If your car battery needs a boost, check out this trusted battery boosting service in Dubai.

    ReplyDelete
  2. Tome CaineAugust 9, 2025 at 5:40 PM

    Displaying the last 24 hours of temperature, humidity, and CPU temp is crucial for monitoring system health. If your iPhone needs fixing, check out this trusted Dubai iPhone repair service.

    ReplyDelete

Post a Comment

Popular posts from this blog

▷ Advancements in Device-Free Indoor Localization Using Machine Learning and 28 GHz Band Technology

  ✅  Keywords : ➡️ #MillimeterWave #MMwave #28GHz #IndoorLocation #WirelessInSite #Remcom #Matlab #ML #MachineLearning #AI #ArtificialIntelligence #RegressionLearner #Classification ✅ Introduction: In this edition of our newsletter, we delve into groundbreaking research exploring the realms of device-free indoor localization techniques. Utilizing the power fluctuations in a communication link due to the presence of a human body, our researchers have employed advanced machine learning methods in the 28 GHz band. This innovative approach aims to redefine indoor positioning, offering unprecedented accuracy and efficiency. ✅ Content: In our quest to enhance indoor localization technology, our research team conducted comprehensive studies. Through meticulous simulations and experiments, we evaluated the potential of machine learning algorithms in the 28 GHz band, focusing on the effects of human presence within an enclosed space. 1. Database Construction and Simulati...
Post a Comment
Read more

▷ #SoCs in Digital System Designs

➡️  #SoC # System-on-Chip  #Processor #FPGA In the world of digital electronics, the use of #SoCs or System-on-Chip is becoming increasingly common in digital system designs. These integrated circuits contain everything needed to implement a complete system on a single chip, greatly simplifying the design process and reducing the size, cost, and power consumption of the final system. A typical SoC includes multiple functional blocks such as a processor, memory, peripheral controllers, communication interfaces, and other specialized circuits. Depending on the system's needs, the designer can choose from a wide range of SoCs available in the market, which vary in size, processing capability, and features. The advantages of using SoCs in digital system designs include: ➡️ Integration of multiple functions in a single chip: SoCs allow integration of everything needed to implement a complete system on a single chip, reducing the size and cost of the final system. ➡️ Simplified desi...
Post a Comment
Read more

▷ Optimizing Shrimp Pool Management: A Breakthrough in IoT with LoRa Technology

✅ Keywords : ➡️ #ControlSystem #MonitoringSystem #ShrimpPools #IoT #LoRa #FuzzyLogic #FuzzyLogicControl #Matlab #ESP32 #ESP32lora ✅ Introduction: We are thrilled to bring you the latest advancements in the world of aquaculture, where technology meets tradition in the most innovative ways. In this edition, we explore a groundbreaking project that aims to revolutionize shrimp farming practices in Ecuador. Titled "IoT-Based Shrimp Pool Optimization with LoRa Technology," this initiative presents a significant leap forward in addressing challenges faced by the shrimp farming industry, specifically focusing on disease prevention and optimized resource management. ✅ Content: Shrimp Farming Challenges and the Need for Innovation: Ecuador's shrimp farming industry, renowned for its breeding and export prowess, has grappled with disease outbreaks due to fluctuating environmental factors during the crucial maturation stage. Conventional methods have proven insufficient in tackling ...
Post a Comment
Read more

▷ The Social Cognitive Theory #SCT applied to reduce sedentarism in citizens

➡️  #SCT #SocialCognitiveTheory #Sedentarism Sedentarism is a growing concern in today's society due to its negative effects on health and well-being. However, the Social Cognitive Theory offers a solution to reduce it through a series of strategies based on human behavior. ➡️ According to this theory, human behavior is influenced by social perception, that is, how we perceive others and how they perceive us. In the case of sedentarism, one way to reduce it is through the creation of a social culture that values and promotes physical activity. ➡️ One way to achieve this is through education and awareness about sedentarism, physical activity, nutrition, quality of life, among other health-related aspects. Creating awareness campaigns about the importance of maintaining an active lifestyle can help influence social perception and motivate people to change their sedentary behavior. ➡️ Another strategy is the creation of programs and physical activities that are accessible and attracti...
Post a Comment
Read more

▷ What is the MQTT protocol?

➡️  #MQTT #IoT #SensorNetwork The  #MQTT  (Message Queuing Telemetry Transport) protocol is a lightweight communication protocol designed to facilitate communication between IoT (Internet of Things) devices. It was developed in 1999 by Andy Stanford-Clark and Arlen Nipper and has become one of the most widely used protocols in the IoT world. ➡️ How does MQTT work? MQTT works with a publish/subscribe model, in which devices connect to a centralized broker or server and send and receive messages. The protocol uses an asynchronous communication model, which means that devices can send messages at any time, without needing an immediate response. In addition, MQTT uses a "topics" model, which allows devices to publish and subscribe to messages related to a specific topic. For example, a device could publish messages related to the "temperature" topic, while another device could subscribe to that same topic to receive the messages. ➡️ What are the advantages of MQTT? MQTT...
Post a Comment
Read more

▷ Data visualization: of Temperature, Humidity, and CPU Temp.

  For this post, two sensors have been deployed for real-time data collection, currently operational in the city of Guayaquil: one for humidity and another for temperature. Both sensors utilize LoRA technology to transmit collected information to a Gateway. This Gateway serves as a central connection point, receiving data from the sensors and forwarding it to the Google Cloud platform via LTE cellular connectivity. Leaflet viewer with OpenStreetMap Leaflet viewer with OpenStreetMap Once the data is stored on the Google Cloud platform, a customized web interface has been developed. This interface facilitates the visualization and analysis of the sensor-collected data, offering users a clear and easily accessible representation. In this post, we'll explore how to visualize real-time data from Google Cloud using JavaScript and the powerful charting library, Chart.js. The goal is to create an interactive environment that visually...
Post a Comment
Read more