2011/04/14
使い道色々。jQueryを使ってSparklineグラフを描く「Peity」
PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 0
円グラフ
0
だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 0
Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 0
折れ線グラフ
0
タグの中に埋め込まれた文字を使ってグラフにしてくれるのが特徴だ。例えば2/10という文字であれば20%の円グラフになる。0.52/1.561のように割合は気にせず作れるのが便利だ。棒、折れ線グラフも数値は気にせず表記してしまえばPeityが自動的に良いグラフにしてくれる。使いどころは多そうだ。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート