[Announce] node-red-contrib-ui-artless-gauge 0.3.0 ... 3, 4, 5

This update brings some new features for radial layout.

  1. The unit can be shown inline with value
  2. Which then adds option to use secondary value field

Which all together allows you to do this

image

Enjoy :slight_smile:

10 Likes

How to use this type of guage in node red? I dont see any option or may be I am missing any pallet. can you please guide.

You will need node-red-dashboard to use it.

thanks for your reply. But there is no guage like shown above by [hotNipi]. Please correct me if I am going wrong.

Next to deploy button there is hamburger menu, from dialog go to "manage palette" and then go to "Install" tab and there is search field. Type in "artless" and install the node.

1 Like

Thank you. I am able to see the guage.

v0.3.5
Additional classes now supported for icons..

[{"id":"d2305233.bf092","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":1,"width":4,"height":4,"name":"","icon":"iconify-mdi:fan","label":"MDI FAN","unit":"rpm","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":280,"wires":[]},{"id":"4af30689.41af88","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":false,"onceDelay":0.1,"topic":"speed","payload":"","payloadType":"date","x":170,"y":240,"wires":[["fb31ff72.f5097"]]},{"id":"fb31ff72.f5097","type":"random","z":"e8af3254.77f7e","name":"","low":"300","high":"800","inte":"false","property":"payload","x":340,"y":240,"wires":[["3ae68795.9aea78"]]},{"id":"d5057ba6.201db8","type":"ui_template","z":"e8af3254.77f7e","group":"a230a227.d14c8","name":"allow iconify","order":9,"width":0,"height":0,"format":"<script src=\"https://code.iconify.design/1/1.0.7/iconify.min.js\"></script>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","x":190,"y":180,"wires":[[]]},{"id":"336ba566.34e15a","type":"function","z":"e8af3254.77f7e","name":"","func":"var fan = flow.get('fan') || {speed:0,state:'OFF'}\n\nif(msg.payload == \"ON\"){\n    msg.control = {icon:\"iconify-mdi:fan fa-spin\"}\n    fan.state = msg.payload\n    fan.speed = Math.random()*100\n}\nelse{\n    msg.control = {icon:\"iconify-mdi:fan\"}\n    fan.state = msg.payload\n    fan.speed = 0\n}\nflow.set('fan',fan)\n\n\nmsg.payload = fan.speed\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":480,"y":340,"wires":[["d2305233.bf092","62c9eea6.80647"]]},{"id":"7fabd143.f7f3f","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"ON","payloadType":"str","x":210,"y":280,"wires":[["336ba566.34e15a"]]},{"id":"895f9a4b.4c9d48","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"OFF","payloadType":"str","x":210,"y":320,"wires":[["336ba566.34e15a"]]},{"id":"3ae68795.9aea78","type":"switch","z":"e8af3254.77f7e","name":"","property":"fan.state","propertyType":"flow","rules":[{"t":"eq","v":"ON","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":490,"y":260,"wires":[["d2305233.bf092","62c9eea6.80647"]]},{"id":"62c9eea6.80647","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":3,"width":4,"height":1,"name":"","icon":"iconify-mdi:fan","label":"MDI FAN","unit":"rpm","layout":"linear","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":320,"wires":[]},{"id":"8f1cb5df.056218","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":2,"width":4,"height":4,"name":"","icon":"fa-cog","label":"FA COG","unit":"rpm","layout":"radial","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":520,"wires":[]},{"id":"8247dc54.27bcf","type":"ui_artlessgauge","z":"e8af3254.77f7e","group":"a230a227.d14c8","order":4,"width":4,"height":1,"name":"","icon":"fa-cog","label":"FA COG","unit":"rpm","layout":"linear","decimals":"1","differential":false,"minmax":true,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":false,"sectors":[{"val":0,"col":"#ff9900","t":"min","dot":0},{"val":1000,"col":"#ff9900","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":700,"y":560,"wires":[]},{"id":"62d69155.0505","type":"function","z":"e8af3254.77f7e","name":"","func":"var cog = flow.get('cog') || {speed:0,state:'OFF'}\n\nif(msg.payload == \"ON\"){\n    msg.control = {icon:\"fa-cog fa-spin\"}\n    cog.state = msg.payload\n    cog.speed = Math.random()*100\n}\nelse{\n    msg.control = {icon:\"fa-cog\"}\n    cog.state = msg.payload\n    cog.speed = 0\n}\nflow.set('cog',cog)\n\n\nmsg.payload = cog.speed\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","x":480,"y":500,"wires":[["8f1cb5df.056218","8247dc54.27bcf"]]},{"id":"c742a6be.e84a88","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"ON","payloadType":"str","x":210,"y":520,"wires":[["62d69155.0505"]]},{"id":"35ef98cc.f10b68","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"OFF","payloadType":"str","x":210,"y":560,"wires":[["62d69155.0505"]]},{"id":"1da499d9.a5ea56","type":"inject","z":"e8af3254.77f7e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"3","crontab":"","once":false,"onceDelay":0.1,"topic":"speed","payload":"","payloadType":"date","x":170,"y":620,"wires":[["dc786570.71c738"]]},{"id":"dc786570.71c738","type":"random","z":"e8af3254.77f7e","name":"","low":"300","high":"800","inte":"false","property":"payload","x":340,"y":620,"wires":[["c2925406.dafe88"]]},{"id":"c2925406.dafe88","type":"switch","z":"e8af3254.77f7e","name":"","property":"cog.state","propertyType":"flow","rules":[{"t":"eq","v":"ON","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":490,"y":580,"wires":[["8f1cb5df.056218","8247dc54.27bcf"]]},{"id":"545eea1d.fbf2b4","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":5,"width":2,"height":1,"passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"","icon":"","payload":"ON","payloadType":"str","topic":"","x":210,"y":360,"wires":[["336ba566.34e15a"]]},{"id":"afeba403.d67928","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":6,"width":2,"height":1,"passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"orange","icon":"","payload":"OFF","payloadType":"str","topic":"","x":210,"y":400,"wires":[["336ba566.34e15a"]]},{"id":"8194e84b.da2938","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":7,"width":2,"height":1,"passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"","icon":"","payload":"ON","payloadType":"str","topic":"","x":210,"y":440,"wires":[["62d69155.0505"]]},{"id":"4762981e.ff03c8","type":"ui_button","z":"e8af3254.77f7e","name":"","group":"a230a227.d14c8","order":8,"width":2,"height":1,"passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"orange","icon":"","payload":"OFF","payloadType":"str","topic":"","x":210,"y":480,"wires":[["62d69155.0505"]]},{"id":"a230a227.d14c8","type":"ui_group","name":"Default","tab":"5993e98a.7f7558","order":1,"disp":true,"width":8,"collapse":false},{"id":"5993e98a.7f7558","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

I use your gauges and charts and levels almost exclusively as an alternative to the default visual nodes.

Keep up the good work.

@hotNipi - is there a list/github page that has all of your contribs on it - they are many and varied and not a single one of them is not good - so i would like to explore more of them !

Craig

1 Like

thanks - thats what happens when you are lazy and do not think about looking - sorry

Craig

1 Like

And with some art :wink:

image

5 Likes