Drawflow - データフローを作成するライブラリ // MOONGIFT Archived

ノーコードプラットフォームが普及してきています。プログラミングはせずに、多くの場合はGUIで部品同士を組み合わせて一つの機能を作り上げていきます。そうしたUIを作るのに使えそうなUIライブラリとしてDrawflowを紹介します。

Drawflowの使い方

デモのUIです。

つながっている線は選んで削除できます。

拡大したり、ノードに変数を与えるといったこともできます。

ダブルクリックのイベント処理。

新しいノードの追加も可能です。

Drawflowは左側の機能（ノード）をドラッグ&ドロップで追加して、各ノードを線でつなぎます。ノーコードプラットフォームであったり、Node-RedやYahoo! Pipes、ScratchのようなUIを実現するのにも使えるでしょう。

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