Dagre 树

此示例展示了如何将 dagre.js 与 Svelte Flow 集成以创建简单的树形布局。如果您正在寻找更高级的布局库，dagre 的一些不错的替代方案是 d3-hierarchy 或 elkjs。

<script lang="ts">
const data: string = "world";
</script>

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>

此示例演示了静态布局。如果图形中的节点或边缘发生变化，布局不会重新计算！可以使用 dagre（以及其他库）进行动态布局，但目前我们还没有这方面的示例！