DiagramFlowJS - Web上でフローチャートを描くJavaScriptライブラリ // MOONGIFT Archived

Web上でフローチャートを描いたり、図を描く際にはどんなツールを使っているでしょうか。各ノードを連結させたり、連結後に動かしてもちゃんと線が繋がったままになっているツールを選ぶのがいいでしょう。今回紹介するDiagramFlowJSはそんな図を作るのに使えるソフトウェアです。

DiagramFlowJSの使い方

多くの形状でノードが描かれています。

ドラッグで移動できます。

線の描かれ方も変わります。

ダブルクリックで文字を編集できます。

線の上の文字も変えられます。

ノードの大きさも変更できます。

DiagramFlowJSはフローチャートを作ったり、ネットワーク図を作成するのに使えるソフトウェアです。図は四角や丸だけでなく、画像を使うこともできます。ツールバーなりでカスタマイズできるようにすれば、使いやすいフローチャートソフトウェアが作れそうです。

DiagramFlowJSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。