arrow_back How do you roll up something like this?

Question

There is some working field that you can move around in. On it you can drag and drop blocks with certain commands, and these blocks can be connected to each other with arrows. I have attached a picture with an example below.

How do you roll up something like that? Maybe there are some ready-made templates with similar functionality or some articles on the Internet?

Naturally, I don't want a complete match with this picture. All that matters is the functionality itself (working field -> drag and drop blocks -> connect them with arrows) and some kind of user-friendly design.

I tried to find a realization of this idea on the Internet, but I did not find it, because I did not come up with a short and precise search query for the search engine.

Thank you in advance for your answer.

Answer 1

There are essentially 2 plugins for you to find:
1) connecting lines by type https://github.com/anseki/leader-line
2) and a drag-and-drop plugin like https://interactjs.io/

Answer 2

Go.js