Skip to content
Jatuphum Tungsilsukchai edited this page Mar 31, 2022 · 8 revisions

humid-title

Node-RED UI Widget Humidity node (Virtual Tree) for Node-RED Dashboard. Easy to use for display humidity data (Virtual Tree) on Node-RED Dashboard.

palette-node

Getting Started

  1. First, install Node-RED by follow Node-RED installation guideline.

  2. Install Node-RED Dashboard by follow Node-RED Dashboard installation guideline.

  3. Install this package at user data directory ~/.node-red

npm install @studiobox/node-red-contrib-ui-widget-humidity-tree
  1. Start Node-RED
node-red

Dashboard Example

example-humid-tree

Usage

Add UI Widget Thermometer Node

usage-add-node

Node Settings

humidity-tree-widget-settings

Widget Display

humidity-tree-widget

Description

  • No. 1 : Title - Humidity-Tree widget title
  • No. 2 : Humidity Color at 100% - The color displayed when the humidity value is nearly 100%
  • No. 3 : Humidity Color at 0% - The color displayed when the humidity value is nearly 0%

API Input

Using msg object.

Property Mandatory Type Description
payload Yes Integer Humidity value for display on virtual tree widget

Remark

The color displayed depends on the percentage of humidity between 0% and 100%. Therefore, if the current value is close to the previous value, the color will not seem to change much. Moreover, the duration of the color change is 1.5 seconds.

Usage Examples

After install, see usage examples at Node-RED Import menu. Examples at @studiobox/node-red-contrib-ui-widget-humidity-tree.

Change Logs

See change logs detail