Я создаю простое веб-приложение, используя python flask и графическую базу данных Neo4j.Я хочу отобразить узлы графа на html-странице, как в древовидной структуре, например, два узла соединены стрелкой.Я пытаюсь сделать это полностью динамичным.Где, когда узлы создаются в графе, должны отображаться на HTML-странице.
например
![enter image description here](https://i.stack.imgur.com/T2nSc.png)
На данный момент я могу отображать узлы с их именем из базы данных графиков на html-странице.
![enter image description here](https://i.stack.imgur.com/dzBTV.png)
Это мой HTML-фрагмент, который отображает все узлы
<div class="col-lg-12">
<h1 class="page-header">Blank</h1>
{% for dt in daTa %}
<button type="button" class="btn btn-default ele" style="margin-right: 50px; margin-bottom: 50px;">{{dt['n.name']}}</button>
{% endfor %}
</div>
Теперь я не могу показать связи между всеми узлами и то, как они все связаны друг с другом.Хотя я использовал плагин JSplumb.Но все равно не понял, как сделать это динамическим графиком.
Если чего-то не хватает, о чем я забыл упомянуть, скажите, пожалуйста, я предоставлю.
Пожалуйста, дайте какое-либо решение или любоеsuggestions.Thanks!