Как сверстать подобное?

Question

[Merlyan]

Есть некоторое рабочее поле, по которому можно перемещаться. На него можно перетаскивать блоки с определенными командами, и эти блоки можно соединять между собой стрелочками. Прикрепил картинку с примером ниже.

Как можно сверстать подобное? Может, есть какие-то уже готовые шаблоны со схожим функционалом или какие-то статьи в интернете?

Естественно, мне не нужно полного совпадения с этой картинкой. Важен лишь сам функционал (рабочее поле -> перетаскиваешь блоки -> соединяешь их стрелками) и какой-нибудь удобный для пользователя дизайн.

Пробовал самостоятельно найти реализацию этой идеи в интернете, но не нашел, так как не придумал краткого и точного запроса для поисковика.

Заранее благодарю за ответ.

Answer 1

[iBird Rose]

тут по сути тебе 2 плагина найти:
1) соединительные линии по типу https://github.com/anseki/leader-line
2) и плагин для перетаскивания по типу https://interactjs.io/

Comments

[Merlyan]

Большое спасибо!

Answer 2

[iordania]

Go.js