はじめに こちらは Svelte Advent Calendar 2023の23日目の投稿です。 今回はSvelvetというSvelte専用のフローチャートライブラリについて、簡単に説明できればと思います。 Svelvetとは Svelvet is a lightweight component library for building dynamic, customizable node graphs サイトに英語で記載している通りですが、Svelvetは、動的でカスタマイズ可能なノードグラフを構築するための軽量コンポーネントライブラリです。 簡単に言えばフローチャートライブラリです。 カスタムによっては↑みたいな良い感じのデータペースのER図も作成できます。 インストール 簡単な機能の紹介 結構色々な機能がありますが、今回は一番Basicなところのみ紹介します。 Svelvetは色々な
![Svelte専用のFlowChartライブラリ - Svelvetの紹介 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc3112e7ebf55d8c240e0ab489668f25e654d9ea/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-f625e957b80c4bd8dd47b724be996090.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U3ZlbHRlJUU1JUIwJTgyJUU3JTk0JUE4JUUzJTgxJUFFRmxvd0NoYXJ0JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgzJUFBJTIwLSUyMFN2ZWx2ZXQlRTMlODElQUUlRTclQjQlQjklRTQlQkIlOEImdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ21pZGRsZSZzPWQ4YjdlMmE1OTE1YjdhMTk0MWFmNGM3MmJhN2U0Y2Mw%26mark-x%3D142%26mark-y%3D151%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwa2ltZGoyJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzImdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05YmQyYTE1MTJmOWJkMWNhNmMyNGZkZGUwMTk2OTkzNQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dfa6e3a7f0139619cf52da2c1bc69dcae)