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

開発 - グラフの記事一覧

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

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

もっと見る

List

  • 2012/08/08

色々なワードで試そう。ツイートを検索してビジュアル化「revisit」

revisitはツイートをビジュアル化してその関連性をグラフ化するソフトウェアです。Twitterでは毎日たくさんの人たちが様々な話題について話しています。そこから自社の製品やサービス、時事的なキーワードについて検索すると世の中の変化が読み取れてとても面白いです。それをビジュアル化したソフトウェアがrevisitです。...

List

  • 2012/07/25

オブジェクト同士の関連性から価値を見いだそう「VivaGraphJS」

VivaGraphJSはオブジェクト同士の関連性をビジュアル化するJavaScriptライブラリです。最近はソーシャルサービスが流行です。そこで求められるのはユーザまたはオブジェクト間の繋がりになります。それをビジュアル化するのに使えるライブラリがVivaGraphJSです。Amazonの関連書籍をたどっていくグラフで...

List

  • 2012/07/05

HTMLテーブルの内容からグラフを描画「AttC」

AttCはHTMLテーブルのデータをGoogleチャートを使ってグラフ化するソフトウェアです。数値データを表示する際に最も簡単なのは一覧表で表示することです。HTMLで言えばテーブルタグで表示するのが一番簡単でしょう。しかしそれではデータの傾向が分かりづらい…そう思ったならAttCを使ってみましょう。HTMLテーブルの...

List

  • 2012/07/03

何に使えるかな。シンプルなWebベースの年表ライブラリ「Chronoline.js」

Chronoline.jsは左右に展開するシンプルな年表ライブラリです。万人誰にとっても共通で変わらないリソースが時間です。時間ごとに変化するデータ、その時に起きたイベントなどを見せるのに最適なのが年表です。そこで紹介したいのがChronoline.js、シンプルなUIのWebベースの年表ライブラリです。日ごとの年表。...

List

  • 2012/06/18

クエリの改善に。MySQLのSlow Query Logを可視化する「MySQL slow-query-log Visualizer」

MySQL slow-query-log VisualizerはMySQLの時間のかかるクエリをWeb上で閲覧するソフトウェアです。MySQLには実行時間の遅いクエリをログファイルに書き出す機能があります。単純にテキストに吐かれるだけなので分析に時間がかかってしまうのではないでしょうか。そこで使ってみたいのがWebブラ...

39135?type=list&url=http%3a%2f%2fcapture.heartrails.com%2f300x300%2fborder%2fround%3fhttp%3a%2f%2fwww.jschart

  • Premium_s 2012/05/25

業務で使えるオープンソース(25)「グラフ」

今回のテーマはグラフです。仕事やレポートでグラフを使ってデータを表現する機会は多いと思いますが、安直に予め用意されているものをそのまま使っていたりするとげんなりしてしまいます。そこで効果的なグラフを作成するポイント、Webサービス、オープンソース・ソフトウェアをまとめて紹介します。

38601?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f05%2fscreenshot_2012_05_08_05_11_05_thumb

  • 2012/05/19

iOSアプリでツリーマップを表示「TreemapKit」

TreemapKitはiOSにおいてツリーマップ表示を行うライブラリです。データをビジュアル化する手法は幾つかありますが、その一つにツリーマップがあります。HDD内容を表示するといった際にも良く使われています。そんなツリーマップ表示をiOS上で実現するのがTreemapKitです。デモアプリです。色分けされたツリーマッ...

List

  • 2012/05/06

CSVやJSONデータを管理、ビジュアル化「Miso Dataset」

Miso Datasetはクライアントサイド、node.jsで利用できるデータ変換&管理ライブラリです。データのビジュアル化(グラフ化)をする際に書かせないのが元データです。DBに入っていたり、XMLだったりと形式は色々考えられますが敢えてCSVを使ってグラフを描くのがMiso Datasetです。デモです。CSVデー...

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

  • 2012/04/22

スパークラインに対応したJavaScript製のグラフライブラリ「Grafico」

GraficoはJavaScriptによるグラフライブラリです。棒、折れ線、スパークラインがサポートされています。Web上でグラフを描くライブラリも充実してきています。Flash、画像など様々な選択肢がありますが今回はGrafico、JavaScriptベースのグラフライブラリを紹介します。サンプルです。まず棒グラフ。...

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を使った図形描画を行い...