This update brings some new features for radial layout.
- The unit can be shown inline with value
- Which then adds option to use secondary value field
Which all together allows you to do this
Enjoy 
11 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
2 Likes
thanks - thats what happens when you are lazy and do not think about looking - sorry
Craig
1 Like
And with some art 
7 Likes
