Real-time Database Dashboard

About the project

This project was created with GreenIoT©. The idea was to create a dashboard for a real-time database, hosted on Microsoft Asure, that logs data from their weather stations.


The web application opens up on the dashboard. Here you can select a site from the dropdown list which will filter the responses from the weather station and show the most recent response, which is taken on the hour.


From the main dashboard you can view the current temperature (along with a minimum and maximum for the day so far), humidity, rainfall, wind speed (along with wind chill and direction), dew point, solar energy and radiation, and atmospheric pressure.


From this page you can navigate to an overview page. This page will give you the temperature and humidity readings of that day so far, as well as the average daily temperature and humidity for the current month up to the current date.


Tech stack for this project

To complete this project, I made use of the following software, programs and libaries:

azure_logo


Azure

HTML5_logo


HTML

CSS3_logo


CSS

JS_logo


JavaScript

BS_logo


Bootstrap

d3_logo


D3

git_logo


Git & GitHub

plotly_logo


Plotly

Demo

The database and weather stations belong to, and are maintained by GreenIoT©, therefore, I don't have the rights to link to an official demo page for the project. However, below you can find a video showing how the dashboard works.


While I cannot link to an official demo site, you can check out the code for this project on GitHub or head back to my projects and check out the summary for another project.