HomeHome AutomationNodeRED pie chart

NodeRED pie chart

Would you like a pie? Chart!

Previously, I played with AutoTools pie charts and I created an SSID logger. A pie chart that shows you which WiFi you are connected to most. It’s working neatly, and you can read more about it here. It uses AutoTools web screens, a name which can be slightly misleading as these screens are not available on the web. It’s time to fix it and mirror that information to my NodeRED server. I’m going to display the same information as a NodeRED pie chart.

NodeRED pie chart

You will need the Tasker project to get the information about the SSIDs. If you just want to learn how to feed data to pie charts you can skip that part. To display the NodeRED pie char I’m going to use NodeRED dashboard:

sudo npm install node-red-dashboard

To feed the pie chart correctly, I need two pieces of information:

  • msg.topic (data type)
  • msg.payload (value)

To receive data from tasker, I’m using HTTP request node. It’s the easiest way of submitting the information as I can pass the data in JSON format. Something that makes the data handling much easier.

Each data set is submitted as:

msg : Object
payload: object
    ssid: "FastBerry"
    time: "1304"

This way I can easily assign the payload and topic using a function node:

var time = msg.payload.time;
var ssid = msg.payload.ssid;

msg.topic = ssid;
msg.payload = time;
return msg;

Once payload and topic have been formatted correctly, I can submit the message object to the pie chart node.

Feeding NodeRED pie chart from Tasker

TASKER TASK: GraphUpdate Web UI
Graph Update Web UI 
	A1: Variable Set [ Name:%counter To:1 
	    Recurse Variables:Off Do Maths:Off Append:Off ] 
	A2: For [ Variable:%data Items:%GraphWifi() ] 
	A3: Variable Search Replace [ Variable:%data Search:" 
	    Ignore Case:Off Multi-Line:Off One Match Only:Off 
	    Store Matches In: Replace Matches:On Replace With: ] 
	A4: Variable Set [ Name:%time To:%GraphTiming(%counter) 
	    Recurse Variables:Off Do Maths:Off Append:Off ] 
	A5: HTTP Post [ Server:Port:NODEREDIP:1880 
		Path:/ssidpie 
		Data / File:ssid=%data
			    time=%time
		Cookies: User Agent: Timeout:10 
		Content Type:application/x-www-form-urlencoded 
		Output File: Trust Any Certificate:On ] 
	A6: Variable Add [ Name:%counter Value:1 Wrap Around:0 ] 
	A7: End For 

To send the information to NodeRED pie chart there are few things we have to take care of. First I’m going to set a %counter to 1 which I’m going to increment by 1 in a loop.

In the FOR loop, I want to strip the ” ” from the SSID names as they will interfere with the JSON structure later. The value is then paired with the %time and processed via HTTP POST as a pair of:

Path:/ssidpie 
Data / File:
ssid=%data 
time=%time

Each SSID time and name will be sent as a single web request. You could create an array at this point and send it all at once, but there won’t be many of entries here and it’s easier to assign that information in the NodeRED.

Conclusion

As you can see – this is fairly simple.  You can post any data this way from Tasker to NodeRED and display it as a graph or a pie chart. NodeRED pie charts can be very useful, and unlike the AutoTools counterparts, are accessible through a web browser.

Project Download

Download project files here. Bear in mind that Patreon supporters have early access to project files and videos.

PayPal

Nothing says "Thank you" better than keeping my coffee jar topped up!

Patreon

Support me on Patreon and get an early access to tutorial files and videos.

image/svg+xml

Bitcoin (BTC)

Use this QR to keep me caffeinated with BTC: 1FwFqqh71mUTENcRe9q4s9AWFgoc8BA9ZU

Smart Ideas with

Automate your space in with these ecosystems and integrate it with other automation services

client-image
client-image
client-image
client-image
client-image
client-image
client-image
client-image
client-image

Learn NodeRED

NodeRED for beginners: 1. Why do you need a NodeRED server?

0
To server or not to server? That's a very silly question!

Best Automation Projects

NEST your old thermostat under $5

0
Nest-ing up your older thermostat under $5

Nora – Google Assistant in NodeRED

0
Integrate Google Assistant with NodeRED thanks to Nora - NodeRED home automation

Sonoff R3 DIY mode & why it sucks

0
Long awaited Sonoff R3 DIY mode is even worse than I expected.

Things they don’t tell you about IKEA Trådfri

0
There are things you should know about IKEA Tradfri before you make your purchase

IKEA TRADFRI Wireless dimmer in NodeRED

0
Thanks to NodeRED you can use IKEA TRADFRI Wireless Dimmer to interact with everything

Smart Home

Best Arduino boards for home automation

0
Would you like to know what are the best Arduino boards for home automation? I pick 3 best boards from Arduino line up

Tuya SDK for beginners: Intro to Tuya Cloud API

0
Working with Tuya Cloud API. A guide to Cloud automation for beginners, get started with REST!

SwitchBot Sensors – there is more to these than you think!

0
SwitchBot Sensors are the latest devices from this ecosystem. Both: contact and motion sensor bring something new to the table

M5Stack Core Ink: the inkling for makers

0
I shall call it The Inkling - M5Stack Core Ink is a great ESP32 based development board for anyone interested in e-ink displays.

M5Stack UnitV2 is the easiest way learn to AI vision and Edge Computing

0
AI vision and Edge computing in a thumb sized device - M5Stack UnitV2 - it's easier than you think!