MOONGIFT: JavaScriptで描く2Dの世界「JSViz」:オープンソースを毎日紹介
これは面白い。 SVGは流行りそうな技術ではあるが、なかなかキラーコンテンツが出てこない。利用する場面がうまく思いつかないのと対応ブラウザが限定的（IE6で対応していないのが大きい）なのが問題だ。 だがIE7のシェアが増えれば状況も変わってくるだろう。そうした時代を見越して注目しておきたいのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはJSViz、JavaScriptで描く動的なSVGの世界だ。 JSVizではネットワーク図やナビゲーション等を動的に描くことができるライブラリだ。注目なのは、その要素をXMLで定義することで描ける点だ。そして、XMLデータに基づいて、丸い形のポイントが線で結ばれていく。 一気に表示して終わるパターンや、徐々に増えていくもの、動きながら表示されるものなど数多くのパターンがサンプルとして登録されている。マウスでドラッグできるものもあり、こうした
よしたんのぶろぐ jsVizを試す
MOONGIFTの「JavaScriptで描く2Dの世界「JSViz」」の記事を見て早速試したくなりました。 Google CodeからjsVizをダウンロードします。http://jsviz.googlecode.com/files/jsviz-0.3.3-2b.zip 展開すると、examplesに動くサンプルのhtmlが入っているので早速試します。 ぽにょぽにゅ動くデモが走ります。中身は、SVGを動的にJavaScriptで生成しているみたい。 ちゅーわけで、Social Network Graphみたいに画像が出るように修正してみました。 elementがcircleとtextのみしか作れないようになっていたので、layout/view/SVGGraphView.jsにimageのelementがきたときの処理を追加。 それと、もとのhtmlを var nodeElement =
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
