[Announce] Yet Another Gauge

By exploring wild web lately for new trends I found some nice gauges with bare minimum design. I decided to make similar gauges available for dashboard.

Sometimes you'll need only few lines to say thousand words.

image

17 Likes

Really nice. Another great contribution to Node-RED community.

Interesting to see that it is based on GSAP. I will have to allocate time in my agenda to learn this awesome library.

Thanks a lot !

2 Likes

GSAP - what's the license on that ?

That part is free
https://greensock.com/standard-license/

Nice work! :slightly_smiling_face:

On the license part, I wonder if it's compatible with the MIT license of your node.

The link you provided states, it's "free" for commercial or non-commercial use, but only as long as you don't charge end users.

I'm no lawyer or license expert, but I think it would be a good idea to mention it somewhere on the README page that the lib uses a different license that might clash with commercial applications. :thinking: :grin:

I will definitely try it out on my Dashboard at home though, the only thing I charge myself with is my free time. :grin:

2 Likes

Same for me. If things went wrong, I will remove it and try to find another solution.
Just let me know. :slight_smile:

Definitely recommend you highlight the license of the library you are using in your node's readme.

There's nothing wrong using it in line with the license, but the "no-commercial usage" clause will definitely put some users off and best they know that up front.

2 Likes

With version patch updated the readme (+ smarter icon position). Happily take all advises to improve wording specially for legal stuff.

Nice looking gauge, but the radial gauge isn't working for me - it isn't drawing the line. I have tried different sizes, and it makes no difference:
image

In linear mode (all other params the same) it displays like this:
image

I am using dashboard version 2.19.4 and node-red 1.0.4

Hmm. If you please add info about the environment you are using
Browser and versions of related software
Any errors seen in browser console?

Nothing in node-red-log. I've tried with Chrome, firefox and Edge and they are all the same.

In Chrome devtools there are 3 errors:

I think it could be http://pi3:1880/ui/js/angular-chart.min.js.map - this file is not being served. Clicking on it it gives: Cannot GET /ui/js/angular-chart.min.js.map

No errors. Those are warnings and angular-chart is not related.
Only thing I can suggest is to restart node-red or even whole system if you aren't done already.
If somebody with PI equipment can confirm similar problems ... cos I dont have any

There is one thing. If you set up gauge with let say linear layout and deploy and send some payload and then change the layout to radial and deploy but dont send new payload then the old payload will not cause the gauge to render cos replay message from node-red core does not contain proper computed values to that layout and stripe rendering can not happen. Only value can be changed cos this is correct for both layouts.
So the question is, do you send new payload after the change of layout?

Nice, thanks for sharing.
Can you override the line color with a message?

Not currently. I take it as a little contradiction with concept of widget being as simple and predictable as possible. But If you can describe the benefit of this possible option for many possible cases, I can make it happen.
Runtime option changes will not be permanent of course as for any other ui widget option changes via msg.ui_control ...

Very nice @hotNipi!
I'm just building some new dashboards and have been trawling the node-RED library today, to try and find something new & fresh looking, and this certainly looks great.

Now I've just got to find a similarly great looking bar-chart, and I'm done!

Thanks for sharing.

Thank you.
Bar chart looks like bar chart. Or I'm missing something here? :wink:
(ugliest but still must respect as most effective data visualization tools)

1 Like

I don't want to take your thread OT, but as you have asked...
I was looking for something like this as something different

chart

...which is GitHub - nazcasun/node-red-contrib-dashboard-sum-bars: node-red dashboard node : display sum values in a bar chart
But, it appears to be an abandoned node (I've emailed the author) and there are too many bugs in it, which I've spent all night trying to fix.
I've now thrown in the towel trying to fix it, and looking for an alternative.

Yup. This design has same flaws I created into ui-level. It may look nice but design driven limitations affect in many areas.

1 Like

nice gauge, but i get only a "n" when i try to use "fa-sd-card" as an icon.
any suggestions?