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（和其他庫）進行動態佈局，但我們目前沒有相關範例！