インラインで表示される小さなグラフ「jQuery Sparklines」
※ 画像は公式サイトデモより
Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。
右側に並ぶのがSparkline
使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて便利なグラフだ。そんなSparklineを作成するのがこのライブラリだ。
今回紹介するオープンソース・ソフトウェアはjQuery Sparklines、Sparklineを作成するjQueryプラグインだ。
jQuery Sparklinesでは一般的な折れ線グラフの他、棒グラフ、円グラフ、組み合わせたグラフなどがさくせいできる。ごく小さなグラフだけに表示の分かりやすさ、シンプルさにこだわりが見られる。
右下のグラフの数値を変更
JavaScriptベースであるために、ダイナミックな変化をするグラフも作成できる。公式サイトのデモでは、マウスのスピードをグラフ化したり、データやサイズを変更できるグラフが掲載されている。
動作ブラウザはIE6/7、Firefox2/3、Safari3、Opera9となっている。軸に対する説明もなく、項目のラベル付けもないが、それでも十分分かるグラフに利用できるだろう。特殊なグラフではあるが、使い道は多そうだ。
jQuery Sparklines