jsPlumb demo

ブロック要素をYahoo!Pipesばりに結んで視覚的に関連付けられる「jsPlumb」というものがあるみたいです。
次のように、要素間が紐のようなもので繋がっているような表現が出来、ドラッグ＆ドロップによる要素の移動が可能です。
AとBは関連があるから繋いでおくというようなシーンで使えそうですね。



要素はドラッグ＆ドロップで移動が可能。



１から実装しようと思うと大変ですが、ライブラリによって複雑な処理も簡単に出来ますね。

関連エントリ

• とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々
• １つのリンクで複数サイトにリンクできる便利JavaScriptライブラリ「Pluralink」
• 同一ページ内でポップアップウィンドウを開くJavascriptライブラリ