美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」:phpspot開発日誌
xCharts 美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」。 単にグラフを描画するライブラリは沢山ありますが、グラフをアニメーションさせてデータを入れ替えるライブラリはあまりなさそう 線グラフのデータを変えてアニメーションさせて比較することも出来れば、線→棒グラフへのアニメーションも可能 HTML，CSS、SVGを使っていて非対応ブラウザでは描画ができない点に注意 関連エントリ テーブルをグラフに変換してくれるjQueryプラグイン 拡大可能なGoogleAnalytics風のグラフを描画するJSライブラリ「envision」 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 美麗なグラフをSVGで描画できるJSライブラリ「dc.js」
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌
Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能すぎて馬鹿でかいよりもシンプルなのが逆にいいかもしれませんね。 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」
折れ線、エリアグラフに対応したJavaScriptグラフライブラリ·Rickshaw MOONGIFT
Rickshawは折れ線グラフ、エリアグラフに対応したJavaScript製のグラフライブラリです。 RickshawはJavaScriptのグラフライブラリです。 棒の積み上げグラフです。 カラーも色々用意されています。 表示はダイナミックに変更できます。 グラフの種類変更のダイナミックです。 スムーズさを変更できます。 曲線のグラフです。 ウェーブのようなグラフも描けます。 最もシンプルなグラフです。 そのコードです。シリーズをJSONであてるのみです。 Rickshawは主に折れ線グラフに関連するグラフを描くのに向いています。表示がリアルタイムにデータを受信しながら変更できるのも利点です。対応グラフパターンは多くありませんが、ぴたりとくる場面もありそうです。 RickshawはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見
Gruffyをリリースしました | hexacosa.net
pgmagickを使ったライブラリの試作として Gruffy という Gruff のPython実装を作成してみました。 Gruffは少ないコード量で美しいグラフを出力できるライブラリです。 Pythonでも Pycha という美しいグラフを作成できるライブラリがありますが、 Gruffyは少ないコード量で美しいグラフを作成することできます。 以下はGruffyで作成したグラフとサンプルコードです。 from gruffy import Line g = Line() g.title = "Gruffy's Graph" g.data("Apples", [1, 2, 3, 4, 4, 3]) g.data("Oranges", [4, 8, 7, 9, 8, 9]) g.data("Watermelon", [2, 3, 1, 5, 6, 8]) g.data("Peaches", [9
色々と使えそうなグラフや図が描けるビジュアリゼーションライブラリ集:phpspot開発日誌
色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly Charts マウス位置によって情報がポップアップされたり、タブでデータを区切ったり出来るFlash製のＵＩをしたユニークなグラフ描画ライブラリです。 単純に描画されるグラフ自体もデザイン性があっていい感じですね。 Fusion Charts こちらもFlash型のグラフ描画コンポーネントです。デモページを見ればその多機能さが分かります。 Axiis Flexで作られたデータビジュアリゼーション用フレームワーク。 Stlye Chart 色々な種類のユニークなデータビジュアリゼーションが実現できるライブラリ。 Jfree Chart
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA