You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Oct 19, 2021. It is now read-only.
Copy file name to clipboardExpand all lines: docs/part3/DASHBOARD.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -23,13 +23,13 @@ Follow the [steps outlined in the introduction to Node-RED](NODERED.md#step-3-ho
23
23
- Press the **install** button to install the nodes
24
24
- Close the Pallet Manager window when the nodes have been installed
25
25
26
-
### Step 1 - Import the Node-RED Dashboard Chart Flows
26
+
### Step 2 - Import the Node-RED Dashboard Chart Flows
27
27
28
28
Open the “Get the Code” github URL listed below, mark or Ctrl-A to select all of the text, and copy the text for the flow to your Clipboard. Recall from a previous section, click on the Node-RED Menu, then Import, then Clipboard. Paste the text of the flow into the Import nodes dialog and press the red Import button. Finally, click on the red **Deploy** button in the upper right corner.
29
29
30
30
Node-RED Dashboard Charts : [Get the Code](https://binnes.github.io/esp8266Workshop/part3/flows/NRD-Charts-DHTSensorData.json){target=_blank}
31
31
32
-
### Step 2 - Learn about various Node-RED Dashboard Chart types
32
+
### Step 3 - Learn about various Node-RED Dashboard Chart types
33
33
34
34
- You might have noticed that the flow import in the prior step actually created three tabs. These are called Node-RED flows.
35
35
- The **Chart Intro** flow introduces you to the various Node-RED Dashboard Chart types that are available. You can create Line charts, various Pie chart styles – Pie, Donut, Polar Area, Radar - and vertical and horizontal Bar charts.
- The Node-RED flow is not nearly as interesting as the charts that it renders. To launch the Node-RED Dashboard, in the Node-RED sidebar, turn to the **dashboard** tab and click on the **Launch** button (1) [See two pictures above].
### Step 3 – Generating and Displaying data in Node-RED Dashboards
44
+
### Step 4 – Generating and Displaying data in Node-RED Dashboards
45
45
46
46
The next Node-RED flow - **Dashboard Intro** - uses a variety of UI widgets to display data in the Node-RED Dashboard. There is a Switch node that turns On/Off a random number generator function node. The simple random numbers are sent to a line Chart node, a Gauge node, a Slider node, a Text node and, if the number exceeds a threshold, will display an alert notification message.
47
47
@@ -52,7 +52,7 @@ The next Node-RED flow - **Dashboard Intro** - uses a variety of UI widgets to d
52
52
- Experiment with / observe the Dashboard controls.
### Step 4 - Plot Device Environmental Sensor Data
55
+
### Step 5 - Plot Device Environmental Sensor Data
56
56
57
57
Now that you have learned about Node-RED Dashboard and Chart types, you are ready to plot the real-time device environmental sensor data. If you are working in the lite plan on the IBM Cloud memory is limited, so you may want to delete the tabs Chart Intro and Dashboard Intro by double clicking each tab to open up the tab configuration sidebar, where you will find a delete button.
58
58
@@ -65,7 +65,7 @@ Now that you have learned about Node-RED Dashboard and Chart types, you are read
65
65
66
66

67
67
68
-
### Step 5 - Trigger Alerts when Real-Time Sensor Data Exceeds a Threshold Value
68
+
### Step 6 - Trigger Alerts when Real-Time Sensor Data Exceeds a Threshold Value
69
69
70
70
Often IoT devices and sensors are deployed so that alerts can be triggered when the real time sensor data exceeds a threshold value. In this last Step, the flow checks the temperature values and, if the temperature exceeds the threshold, triggers a Node-RED Dashboard notification.
0 commit comments