2012/02/14
表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」
これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 0
たくさんのサンプルが用意されています。一気に紹介します。
0
線グラフです。
0
途中で途切れた曲線のグラフも描けます。
0
棒グラフです。
0
マウスオーバーで値を表示できます。
0
積み上げグラフです。
0
円グラフです。
0
レーダーチャート。
0
範囲グラフ。
0
ローソクチャートです。
0
滑らかな曲線のグラフです。
0
マウスオーバーでグリッドが表示されます。
0
マウスズームのデモです。
0
マウスで一部の範囲を指定できます。
0
折れ線グラフです。
0
マイナスの値にも対応。
0
クリックでリアルタイムにグラフを描きます。
0
画像ダウンロードにも対応しています。
0
データを表計算で見せる機能も。
0
タイトル部分もカスタマイズできます。
0
グラデーションもできます。
0
タイムライン表示です。
0
マーカーをつけることもできます。
0
Flotr2で表現できるグラフは基本として線、棒、ローソク、円、バブルとなっています。対応ブラウザはHTML5を利用できる必要があります。ただしIEについてはIE6からサポート対象になっています。もちろんスマートフォン対応です。 0
Flotr2はHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録（500円/月）はこちらから！ プレミアムユーザのログインはこちらから 0
HumbleSoftware/Flotr2 - GitHub
MOONGIFTの関連記事
このエントリーを含むTwitter
アンケート