JavaScriptとHTMLCanvasElementでGraphLayoutもどき

JavaScriptHTML5のHTMLCanvasElementを使って、JavaSDKのGraphLayoutデモもどきを作ってみる。
 しかし、作っている最中に、現状ではFireFoxでもstrokeText()等のテキスト描画は未実装であることに気がついた。
 仕方が無いので、ノードのラベル名を描画しないまま作ってみた。

 ■実行結果
 GraphLayoutはgraph.jsに、ノード情報のパーサー等はHTMLファイルに記述した。
 サンプルはここ→GraphLayoutサンプル
 とりあえず、FireFox3、Chorme、IE7で動作確認。ただし、IE7excanvas.jsを使っている関係で処理が遅い。
 実行画面は以下のとおり。
 一応、マウスでノードを引っ張れる。