【JavaScript】手軽に綺麗な「要素を矢印で繋いだグラフ」を描く方法（画像付き） - Qiita

概要 JavaScriptでグラフ（ノードとエッジの集合の方）を作りたい。 JavaScriptでグラフを描画できるd3-graphvizの使い方や、色変更などできることを調査した。 基本の使い方 1.インストールする 簡単な方法はnpm install d3-graphviz（yarnでも可） 自分でビルドする場合は以下のコードを実行する。 $ git clone https://github.com/magjac/d3-graphviz.git $ cd d3-graphviz $ npm install $ npm run build また、unpkg.comを使うこともできる。その際、d3.jsとviz.jsが必要であるためこれらも読み込む。 2.htmlファイルを作成する 必要なjsファイルを読み込み、グラフを描画する要素を用意する。 <script>タグ内にグラフ描画スクリプト