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

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633>\
**Category:** Share Your Nodes\
**Created:** [17 December 2020 09:02 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633 "2020-12-17T09:02:19Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [17 December 2020 09:02 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/1 "2020-12-17T09:02:19Z")

</div>

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/c/2cf70aa719903b8cb3a11ffdc17bd3f8f2154d20.png)

Enjoy 🙂

---

<div class="post-metadata">

**Author:** ![vishalnodered](https://avatars.discourse-cdn.com/v4/letter/v/f14d63/32.png) [@vishalnodered](https://discourse.nodered.org/u/vishalnodered)\
**Post date:** [6 January 2021 16:24 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/2 "2021-01-06T16:24:01Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [6 January 2021 17:01 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/3 "2021-01-06T17:01:44Z")

</div>

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

> **[node-red-dashboard](https://flows.nodered.org/node/node-red-dashboard)**
>
> A set of dashboard nodes for Node-RED

---

<div class="post-metadata">

**Author:** ![vishalnodered](https://avatars.discourse-cdn.com/v4/letter/v/f14d63/32.png) [@vishalnodered](https://discourse.nodered.org/u/vishalnodered)\
**Post date:** [6 January 2021 17:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/4 "2021-01-06T17:08:46Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [6 January 2021 17:14 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/5 "2021-01-06T17:14:07Z")

</div>

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.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/8/e883aa326e180b23ed0e929426e9af1f0180f3a8.png)

---

<div class="post-metadata">

**Author:** ![vishalnodered](https://avatars.discourse-cdn.com/v4/letter/v/f14d63/32.png) [@vishalnodered](https://discourse.nodered.org/u/vishalnodered)\
**Post date:** [7 January 2021 08:26 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/6 "2021-01-07T08:26:57Z")

</div>

Thank you. I am able to see the guage.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [9 January 2021 08:05 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/7 "2021-01-09T08:05:32Z")

</div>

v0.3.5  
Additional classes now supported for icons..

```auto
[{"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}]

```

---

<div class="post-metadata">

**Author:** ![SonoraTechnical](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sonoratechnical/32/20033_2.png) [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)\
**Post date:** [25 February 2021 22:31 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/8 "2021-02-25T22:31:29Z")

</div>

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

Keep up the good work.

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [13 July 2021 00:53 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/10 "2021-07-13T00:53:08Z")

</div>

@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

---

<div class="post-metadata">

**Author:** ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)\
**Post date:** [13 July 2021 02:00 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/11 "2021-07-13T02:00:26Z")

</div>

> **[hotNipi - Overview](https://github.com/hotNipi)**
>
> ... and then those computers start to talking about us ... - hotNipi

---

<div class="post-metadata">

**Author:** ![craigcurtin](https://avatars.discourse-cdn.com/v4/letter/c/94ad74/32.png) [@craigcurtin](https://discourse.nodered.org/u/craigcurtin)\
**Post date:** [13 July 2021 03:09 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/12 "2021-07-13T03:09:44Z")

</div>

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

Craig

---

<div class="post-metadata">

**Author:** ![Sean-McG](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sean-mcg/32/54677_2.png) [@Sean-McG](https://discourse.nodered.org/u/Sean-McG)\
**Post date:** [15 November 2021 17:08 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-artless-gauge-0-3-0-3-4-5/37633/13 "2021-11-15T17:08:18Z")

</div>

And with some art 😉

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/7/e732f8db0169899039df437aa87facfe1682f97f.jpeg)