实现多个div连线功能

请问一下vue3怎么实现两个div连线哎，简单连线倒是没啥问题 但是下面这样的效果是怎么做的哎
像这样的效果：https://www.figma.com/file/6rdiVWwYlicb7TsCyew74b/Untitled?node-id=0%3A1&t=SsAGi1Yktcu2QH6z-0
期待佬，别灌水

用css+html实现吧,或者用echarts也可以的
参考一下,希望有帮助


vue3：尝试使用jsplumb实现拖拽连线的功能-Web前端之家 https://jiangweishan.com/article/vuejs20220330a1.html

js+css实现两个dom元素之间的连线_喯啵儿灞的博客-CSDN博客_js连线 刷论坛时，看到有小伙伴提问不依赖图形化工具，怎么实现两个div之间的连线，看着追问的人不少，顺题发挥了下，下面代码实现两个dom元素中心坐标的连线，首先引入jquery（任意版本），主要是为了方便dom操作，当然改成原生js也可以<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width https://blog.csdn.net/u598975767/article/details/113881742

Vue 使用leader-line插件进行数据连线，另一个就是jsplumb插件
请看：https://blog.csdn.net/qs53800/article/details/123063908

切图

两个节点之间如果一个方向只连一条线，d3.js jtopo.js 都可以做，如果像你的图片那样的，两个节点之间要连多个线还不规则的话，只能自己用原生的canvas画了