ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発 - グラフの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

37600?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f04%2fscreenshot-2012-04-05-20.40.05_thumb

  • 2012/04/16

IE6から使えるHTML5/JavaScriptによるグラフライブラリ「envision」

envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。リアルタイムグラフ。刻...

37261?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2f3dsearch16_thumb

  • 2012/04/06

Silverlight、.NETアプリケーションで使えるグラフライブラリ「Dynamic Data Display」

Dynamic Data Displayは.NET向けのデータビジュアル化ライブラリです。地図へのマッピングもできます。.NETアプリケーションなどでグラフやデータのビジュアル化に使えるライブラリがDynamic Data Displayです。多彩な表現が可能です。デモです。これは世界地図です。マウスで移動したり拡大も...

List

  • 2012/03/29

む、無茶を…。CUIながらグラフを表示するネットワークモニタ「Speedometer」

SpeedometerはPython製のネットワークモニタです。ターミナルながらグラフを表示します。サーバのネットワーク速度は適切な運用に際して必要な情報です。GUIであればグラフィカルな、CUIであれば数値を出力するものはありますがSpeedometerはCUIでありながらグラフィカルな表示を行うモニタソフトウェアで...

36763?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f03%2fscreenshot-2012-03-14-15.10.10_thumb

  • 2012/03/22

JavaScriptグラフライブラリHighchartsをPHPから使いやすくする「HighRoller」

HighRollerはJavaScriptのグラフライブラリHighchartsをPHPでラッピングしたソフトウェアです。非商用であれば無料で使えるCanvasタグベースのグラフ表示ライブラリがHighchartsです。そんなHighchartsをPHPから使いやすくしてくれるライブラリがHighRollerになります...

35339?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-06-13.59.16_thumb

  • 2012/02/14

表現力の高さに驚き。HTML5/Canvasグラフライブラリ「Flotr2」

Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。たくさんのサンプルが用...

35148?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f02%2fscreenshot-2012-02-01-16.07.32_thumb

  • 2012/02/09

Gitリポジトリに蓄積された歴史を可視化、グラフ化する「GitStats」

GitStatsはGitリポジトリを解析して静的なHTMLファイルとグラフを出力するソフトウェアです。Gitにaddしてcommit、addしてcommit…そんな日々の努力の結果をビジュアル化してくれるソフトウェアがGitStatsです。社内プロジェクトで使ってみても面白そうです。supybotのGitリポジトリから...

33820?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-27-16.24.25_thumb

  • 2012/01/05

Closure Toolsを使った折れ線グラフライブラリ「Closure Charts」

Closure ChartsはGoogle Closure Toolsを使って構築されたグラフライブラリです。GoogleがリリースしているJavaScriptツール群がClosure Toolsです。そんなツールを使って作られたチャートライブラリがClosure Chartsになります。主に折れ線グラフ用です。色を変...

33217?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-13-11.15.17_thumb

  • 2011/12/22

多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ「JavaScript InfoVis Toolkit(JIT)」

JITはJavaScriptを使ったデータビジュアル化ライブラリです。JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit(JIT)です。その多彩な表現をご覧ください。積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。実...

33145?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-13-11.01.21_thumb

  • 2011/12/21

折れ線、エリアグラフに対応したJavaScriptグラフライブラリ「Rickshaw」

Rickshawは折れ線グラフ、エリアグラフに対応したJavaScript製のグラフライブラリです。RickshawはJavaScriptのグラフライブラリです。棒の積み上げグラフです。カラーも色々用意されています。表示はダイナミックに変更できます。グラフの種類変更のダイナミックです。スムーズさを変更できます。曲線のグ...

32838?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f12%2fscreenshot2011-12-06-16.47.01_thumb

  • 2011/12/13

IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ「Highcharts」

HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリ...

32274?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-22-11.13.36_thumb

  • 2011/11/30

試そう!ターミナル上でカラーのグラフを描く「term-canvas」

term-canvasはターミナル上でCanvasを使ってグラフや図形を描画するソフトウェアです。コンソールで表現できるのは白と黒、できてもANSIカラーレベルのテキスト描画と思われてきました。しかしそんな現状を一気に打ち破ってしまうのがterm-canvasです。なんとターミナル上でCanvasを使った図形描画を行い...

32231?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-21-16.56.22_thumb

  • 2011/11/29

世界各国の移住状況を知ろう。HTML5製の移住者マップ「Migrations Map」

Migrations Mapは世界の移住状況を流入、流出に分けてグラフィカルに表示するソフトウェアです。HTML5で作成されています。大抵の人は産まれた国で一生を過ごします。しかし中には移住する人もいます。ある国を中心にして、国民がどこへ移動しているのか、逆にどこから移住者がやってくるのか、それをビジュアル化したのがM...

32147?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-16-14.30.55_thumb

  • 2011/11/26

インパクト大!コンソールの中に棒グラフを表示する「spark」

sparkはコンソールの中にスパークラインのグラフを表示するソフトウェアです。文章の中に埋め込める、高さ1行程度のグラフがスパークラインです。使いどころによってはユーザビリティが高まります。そんなスパークラインをコンソールの中に出現させてしまうのがsparkです。ヘルプです。sparkの後に値をカンマつなぎで入力します...

31813?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-12-16.21.44_thumb

  • 2011/11/18

すごい!単なるテーブルを検索、ソート、グラフ化に対応するFirefoxアドオン「TableTools2」

社内システムではテーブルがよく使われます。レポートも同様です。そんな一覧データを並び替えたいと思ったり、加工したいと考えるときは多いはずです。プログラマーが機能実装してくれれば良いですが、それが臨めないならTableTools2で独自に拡張してしまいましょう!配布はAdd-ons for Firefoxにて行っています...

31758?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f11%2fscreenshot2011-11-11-17.45.07_thumb

  • 2011/11/17

スマートフォンにも使える。SVGでグラフを描画するPythonライブラリ「svgplotlib」

svgplotlibはSVGで各種グラフを描画するPythonライブラリです。Webシステムを作っていて悩みどころになりやすいのがグラフ表示です。もし利用言語がPythonで、スマートフォンへの対応も考えないといけない時にはSVGでグラフを描画するsvgplotlibが良い選択肢になるかも知れません。グラフの例です。上...

29766?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f09%2fimage007_thumb

  • 2011/09/29

多彩なグラフ表示に対応したAndroid用グラフライブラリ「AChartEngine」

AChartEngineはAndroid用のグラフライブラリ。AChartEngineはAndroid用のオープンソース・ソフトウェア。グラフというのは数値の一覧以上にインパクトある結果につながることがある。特にスマートフォンのように表示領域が限られる場合、グラフを使った方がデータの遷移が分かりやすくなる。折れ線グラフ...

28525?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-30-18.38.12_thumb

  • 2011/08/09

ドリルダウンできるWebベースのツリーマップグラフライブラリ「webtreemap」

webtreemapはHDD容量のビジュアル化などに使われるツリーマップをWebベース化したグラフライブラリ。webtreemapはJavaScript製のフリーウェア(ソースコードは公開されている)。情報のビジュアル化はとても重要だ。特に文字や数字だけの羅列になっている情報は適切に並べたりフィルタリングすることでとて...

27490?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-07-11.14.23_thumb

  • 2011/06/22

Google Chart APIを使えない場合に。Canvasタグで互換グラフを描く「Yokul」

YokulはCanvasタグを使ってGoogle Chart API互換のグラフを描くJavaScriptライブラリ。YokulはJavaScript/HTML5製のオープンソース・ソフトウェア。Webサービスで工数がかかりやすいのがグラフの表示だ。システムから得られるデータを使って動的に変化させるため作るのが大変だ。...

27335?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-01-22.08.19_thumb

  • 2011/06/14

Web上でヒートマップを簡単に実現するHTML5/JavaScriptライブラリ「heatmap.js」

heatmap.jsはWebベースのヒートマップ表示ライブラリ。heatmap.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。グラフには様々な種類があるが、とりわけ作るのが難しそうなグラフにヒートマップがある。一定の範囲における影響度を表現したり、ユーザの動きを可視化するのに使われたりする。デ...

26941?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2f3dsearch4_thumb2

  • 2011/05/26

どんな可能性があるか。バイナリの可視化ソフトウェア「BinVis」

BinVisはバイナリを様々な視点から可視化を行うソフトウェア。BinVisはWindows用のオープンソース・ソフトウェア。一般的にデータは目に見ることができない。見たとしても0/1の羅列でしかない。だがその組み合わせの結果によって写真ができたり、音楽が流れたりする。インターネットでさえバイナリのやり取りの結果で成り...