表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
Rickshaw: A JavaScript toolkit for creating interactive time-series graphs
Rickshaw is a JavaScript toolkit for creating interactive time series graphs. Rickshaw on GitHub Graphing Toolkit Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc. You put the pieces together. See Demo → Built on d3.js It's all based on d3 underneath, so graphs are drawn with standard SVG and styled with CSS. Customize all you l
折れ線、エリアグラフに対応したJavaScriptグラフライブラリ·Rickshaw MOONGIFT
Rickshawは折れ線グラフ、エリアグラフに対応したJavaScript製のグラフライブラリです。 RickshawはJavaScriptのグラフライブラリです。 棒の積み上げグラフです。 カラーも色々用意されています。 表示はダイナミックに変更できます。 グラフの種類変更のダイナミックです。 スムーズさを変更できます。 曲線のグラフです。 ウェーブのようなグラフも描けます。 最もシンプルなグラフです。 そのコードです。シリーズをJSONであてるのみです。 Rickshawは主に折れ線グラフに関連するグラフを描くのに向いています。表示がリアルタイムにデータを受信しながら変更できるのも利点です。対応グラフパターンは多くありませんが、ぴたりとくる場面もありそうです。 RickshawはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
データを視覚化できるjavascriptライブラリ「InfoVis」 | Web活メモ帳
データのライブアップデートによるアニメーション効果もつけれるようで、オリジナルのグラフを作成する事ができます。 デモ デモ デモ データはjson形式で渡せるようです。 かなり効果的に見せる事ができそうですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
