Как реализовать дерево с Vue?

Question

[verilog15]

Я пытаюсь реализовать дерево с Vue.
Оно должно выглядеть примерно так:


Какую библиотеку js вы можете порекомендовать?
Платные (GoJS, например) - не подходят.

Comments

[sim3x]

veu?

[profesor08]

Может быть vue?

Answer 1

[0xD34F]

Погуглил за вас:

https://github.com/ssthouse/tree-chart
https://github.com/walkerz88/vue-family-tree
https://github.com/tower1229/Vue-Tree-Chart
https://github.com/David-Desmaisons/Vue.D3.tree
https://github.com/megafetis/vue3-blocks-tree

Answer 2

[profesor08]

Полагаю тебе надо для vue.js. Там есть в документации пример создания дерева. Тебе останется его доработать под свой шаблон.
https://ru.vuejs.org/v2/examples/tree-view.html

Comments

[verilog15]

Sorry that I write in English (don't have russian installed on the currect pc).
I need a tree diagram (as shown in the thread), It should look like a family tree.
Do you have any other suggesions?

Answer 3

[Владимир]

https://d3js.org/ бесплатный, и не привязан к vue, но там за тебя не сделают, прийдется почитать и подумать.
Пример https://github.com/BernhardZuba/d3js-orgchart