Possible to create a two-variable (X-Y) chart?

Dashboard
1

As far as I know (I am very newby in Node-Red), the dashboard node corresponding to "Chart" allows us to represent a variable (Y-axis) versus time (X-axis), besides to bar or pie charts.

I would like to represent a complex value (polar coordinates, which could be converted to cartesian) on a chart. The chart should be refresed any time that the coordinates of the point changes (onece per second or so)
Is there any way to do that?

Thanks in advance

2

Not sure if this will help, but take a look at this example flow https://flows.nodered.org/flow/d1b9f2c606e536ce4a3960abcd887754
which may give you a basis for what you want to do.

3

Thanks so much!
I think that it may be useful.
I would like to learn more about programming in nodejs (and more in particular, writting my own templates or functions in node-red).
Could you recommend any documentation or well structured tutorial to start from scratch?

Other thing that I would like to do with the aforementioned chart is to superimpose a image on it (I want to represent a point on a Smith-chart)...

4

There is not much well made tutorials for making chart with node-red dashboard. Dashboard includes https://jtblin.github.io/angular-chart.js/ library, (used in dashboard node and can be used also with ui_template node without need any external library) which is good for simple stuff, but not all cool chart types supported.
There is also https://flows.nodered.org/node/node-red-node-ui-vega which I haven't played much but according to documentation should provide much more than default.

How to make use of ui_template to modify charts there is many examples you can search here. I have been part of discussion in many of such https://discourse.nodered.org/search?q=%40hotNipi%20chart .So you can find useful info from those and may be some simple flows as starting point.

Smith-chart will probably be kind of challenge. :stuck_out_tongue:

5

My first attempt would be to explore D3.js or libraries based on D3.

1 Like
6

If you really need Smith charts then there is this commercial library you could probably include via a template - https://www.syncfusion.com/javascript-ui-controls/js-smith-chart

7

Ah, syncfusion :slight_smile: Important caveat here, you might be eligible for a free license, depending on if you do this commercially or not, and if commercially how many developers would work on it/yearly revenue of your company. You can even hand it over to end users and allow the end user to make further modifications depending on how many developers the end user puts on it. I don't remember the exact page where they list this, but if you search around their site you can probably find it. I'm using it in a couple of my Node-RED based interfaces.

1 Like
8

Thanks!
This seems to be very interesting. Unfortunatelly I can not afford the cost (I am not a developer but I am just learning)

9

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.