対話型プロット

上の散布図は，いろいろな国について，数学が好きな中学2年生の割合（%）を横軸に，数学の成績を縦軸にプロットしたものです。数学が好きな生徒が多い国ほど成績が低いことがわかります。マウスを点の上に乗せると，その国の名前と座標が表示されます。日本は左上の近くにあります（探してみてください）。データの出典と，Rという統計ソフトを使ったプロットの描き方については，こちらをご覧ください。

ここではJavaScriptとHTML 5のcanvas要素を使っています。ソースを見て仕組みを調べてください。MacのSafariとFirefox，Windows VistaのIE8とFirefox，iPod touchのSafariで動作を確認しました。

こういったグラフを簡単に描くためのJavaScriptのライブラリもいくつか開発されています：

• jQuery を使った flot (対話型グラフの例)
• Prototype.js を使った Flotr
• gnuplot の CVS 版にもこの機能があるそうです（ご教示ありがとうございます＞匿名様）。
  • Gnuplot canvas terminal
  • Demo scripts for canvas terminal in gnuplot CVS version

Flashを使うという手もありますが，JavaScriptならiPhoneやiPod touchでも使えます。

奥村晴彦

Last modified: 2012-04-18 09:48:34