What should you do with a tree flowchart like this in a vue project?

The

project is built with vue, and then the module is a tree-like flowchart that requires drag support. Looking for a circle, it seems that there are very few plug-ins like this?
or am I not looking for the right name? Is there a mature implementation of this effect? it"s really too hard to write by yourself

.

D3 Force steering diagram is about the same. Just change the attributes or something.
go.js you can also learn about many similar
final confirmation that it is impossible to fully meet the needs of the business. Definitely modify something yourself .

agree with the upstairs D3 solution. Vue is just a data binding framework, which has nothing to do with the actual effect. Just introduce d3 into your vue for processing


you can refer to Baidu's echart plug-in to see if it can meet your business needs. If it doesn't work, it can be realized by d3 and so on. Of course, if you have finished canvas by yourself, you can also consider implementing it yourself (of course it will be troublesome). In fact, the implementation principle is


https://jsplumbtoolkit.com/de.
https://jsplumbtoolkit.com/de.


is there an implementation behind this

Menu