※ 画像は公式サイトデモより

Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。

ピクチャ 285.png

右側に並ぶのがSparkline

 

使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて便利なグラフだ。そんなSparklineを作成するのがこのライブラリだ。

今回紹介するオープンソース・ソフトウェアはjQuery Sparklines、Sparklineを作成するjQueryプラグインだ。

jQuery Sparklinesでは一般的な折れ線グラフの他、棒グラフ、円グラフ、組み合わせたグラフなどがさくせいできる。ごく小さなグラフだけに表示の分かりやすさ、シンプルさにこだわりが見られる。

ピクチャ 286.png

右下のグラフの数値を変更

 

JavaScriptベースであるために、ダイナミックな変化をするグラフも作成できる。公式サイトのデモでは、マウスのスピードをグラフ化したり、データやサイズを変更できるグラフが掲載されている。

動作ブラウザはIE6/7、Firefox2/3、Safari3、Opera9となっている。軸に対する説明もなく、項目のラベル付けもないが、それでも十分分かるグラフに利用できるだろう。特殊なグラフではあるが、使い道は多そうだ。

 

jQuery Sparklines

 http://www.omnipotent.net/jquery.sparkline/