表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
HTML5を使ってインタラクティブな株価グラフが描画可能な「HumbleFinance」:phpspot開発日誌
humble software development - HumbleFinance Financial Graphs HTML5を使ってインタラクティブな株価グラフが描画可能な「HumbleFinance」。 次のようなグラフを描画できる上に、マウス位置を動かすと表示されている情報が切り替わるというインタラクティブなものを実装することが出来るみたいです。 HTML5なので、iPhoneなどのApple製品でも表示出来ますね。 そうした端末向けの表示ライブラリとして覚えておくと使えるかもしれませんね。 今後はHTML5を使ったグラフ描画ライブラリなんかも充実してくるんでしょうか。 関連エントリ 見ておくべきHTML5サイト集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
