week 6 Node Red Interface

This week, I built the visual interface for our database with NodeRed. The interface is pretty simple. On the first page, there are two charts for all devices' temperature and humidity data. On the second page, I displayed the data of each device. And on the third page, I added a controller for the LED on each device.

The tool I used to build the interface is called 'Node-Red dashboard'. I found the tutorial about it by Steve Cope. The tool is an additional NPM package we can add on top of the general Nod-Red package.

Here is the flow I've created.

It's very straightforward. I guess there might be a more sophisticated way to do it if I spend a lot more time on it.

Here is the first visualizer.

The second visualizer

The third page.