インラインで表示される小さなグラフ「jQuery Sparklines」

2008/08/09

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

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

右側に並ぶのがSparkline 0

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

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

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

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

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

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

MOONGIFTの関連記事