In the previous section, we learned how to visualize data from the backend server that was built from Node.js. In this section, we will continue to work with data visualization. Now we will consume sensor data from AWS IoT. We will develop a simple project to consume sensor data from AWS IoT and then visualize it in the browser environment.
Our demo scenario can be described in the following figure. We develop the Node.js application that performs sensing of the physical environment, such as temperature and humidity. You can use a sensor device, such DHT11 and DHT22. For this demo, I will generate random values for the temperature sensor:
The sensor data will be sent to AWS IoT with the publisher/subscriber model approach. We can use AWS IoT SDK for JavaScript/Node.js to send data to AWS IoT on a specific topic channel. Furthermore, we will implement a client application-based on web application. We will create a simple web application using HTML5 and JS to retrieve sensor data from AWS IoT.
To implement our demo, we will perform some steps in order to run the project. The following is a list of steps that we will apply:
- Configuring AWS IoT
- Configuring AWS Cognito
- Configuring AWS IAM
- Developing a sensor publisher
- Developing data visualization from AWS IoT
- Running the project
Each step will be performed in the following sections: