この記事は賞味期限切れです。(更新から1年が経過しています) Raphaëlは、Webページでベクターグラフィックを簡単に扱う為のJavaScriptライブラリです。 それを拡張する為の、gRaphaëlというグラフ描画プラグインが公開されています。 今回はgRaphaëlを使ってインタラクティブなグラフを描いてみました。 (以下、Raphaelと表記します) デモ デモページ 円グラフ上をマウスオーバーするとグラフと凡例がアニメーションし、 連動してツールチップが表示されます。 普通に描いたら相当に面倒そうですが、 Raphaelのお陰でかなり短いスクリプトで済んでいます。素晴らしい! デモのソースを見て頂くのが一番手っ取り早いですが、 要点だけ簡単に掻い摘んでみます。 ライブラリのロード <script type="text/javascript" src="raphael.js" c
![実験室: gRaphaëlでインタラクティブなグラフを描いてみる - Mach3.laBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbaf9be11cca07ef9a7e95c89a0d681541d74f52/height=288;version=1;width=512/http%3A%2F%2Flh5.ggpht.com%2F_JJkNs5Ixl70%2FTDwr1qEithI%2FAAAAAAAAA-Q%2F6t9diGuL98g%2Fs800%2F201007131656.png)