I wrote a nice standard node-red interface based on dashboard library to control a small 3D printed robot arm. The communiation between node red interface and the robot controller is based on MQTT. So I can receive from the robot arm in near real time the current angle of robot's base, shoulder and elbow.
Now, I'd love to be able to render in the dashboard a graphic view of the actual state of my robot.. I've already found some nice p5js.org sketches displaying a robot arm. So how can I integrate such p5js.org sketches in my dashboard (ideally in a widget) and update them with my incoming msg.paylaods ?
I think this is possible thanks to the template node, but as I never done some web dev, I'm lost !!! A small working example (for example a simple line moving according to some incoming msg.payload ) would be GREAT ! Or any example allowing to do simple dynamic graphic drawings in a widget (few colored lines) will be really usefull !
Any ideas ? Thx !