Drawflow - データフローを作成するライブラリ
ノーコードプラットフォームが普及してきています。プログラミングはせずに、多くの場合はGUIで部品同士を組み合わせて一つの機能を作り上げていきます。 そうしたUIを作るのに使えそうなUIライブラリとしてDrawflowを紹介します。
Drawflowの使い方
デモのUIです。
つながっている線は選んで削除できます。
拡大したり、ノードに変数を与えるといったこともできます。
ダブルクリックのイベント処理。
新しいノードの追加も可能です。
Drawflowは左側の機能(ノード)をドラッグ&ドロップで追加して、各ノードを線でつなぎます。ノーコードプラットフォームであったり、Node-RedやYahoo! Pipes、ScratchのようなUIを実現するのにも使えるでしょう。
DrawflowはJavaScript製のオープンソース・ソフトウェア(MIT License)です。
Drawflow | Simple Flow program libray jerosoler/Drawflow: Simple flow library ?️?️