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

開発 - グラフの記事一覧

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

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

もっと見る

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の羅列でしかない。だがその組み合わせの結果によって写真ができたり、音楽が流れたりする。インターネットでさえバイナリのやり取りの結果で成り...

List

  • 2011/05/06

ExcelやCSV、Googleドキュメントで簡単に時系列変化型ヒートマップを実現「OpenHeatMap」

OpenHeatMapは表形式のデータを読み込んで地図上に時系列で変化するヒートマップを展開する。OpenHeatMapはJavaScript/Flash製のオープンソース・ソフトウェア。データをビジュアル化するととても面白い情報が見えてくる。それが現実世界の情報と結びついていると特に面白い。位置情報はその最たるものと...

26641?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fscreenshot2011-04-22-9.58.21_thumb

  • 2011/05/06

状況を楽しくビジュアル化する「StatusPanic」

StatusPanicはPanic社で利用しているステータスボードを真似したデザインのグラフ、リストソフトウェア。StatusPanicはPHP製のオープンソース・ソフトウェア。情報は見えるようにしてはじめて意味を持つ。ただ流していたり、リストにしていても面白くない。目の前にあるデータをいかにビジュアル化して楽しむか、...

List

  • Premium_s 2011/04/28

業務に、自作のWebサービスに。Web用グラフライブラリ×36種

システムは最終的に何らかのデータをアウトプットします。例えば請求書などの帳票であったり、レポートとして出力される場合もあります。レポートで出力される場合も、テーブル組の一覧表として出す場合もあれば、データの変動を追うグラフを出力する場合もあります。一覧表で数字だけを追いかけても見えてこないトレンドがグラフにすると一目で...

26307?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2f83fe1ddeaa2282aeae7a412ac1fa7b42

  • 2011/04/14

使い道色々。jQueryを使ってSparklineグラフを描く「Peity」

PeityはjQueryでSparklineグラフ(円、棒、折れ線)を描くJavaScriptライブラリ。PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてし...

26194?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2fd68b66216ee8c7b3eca7bde41ad21f79

  • 2011/04/07

自動でモニタの輝度を下げる。東京電力の電力利用状況をグラフ化「Power Brake」

Power Brakeは電力利用状況をグラフ化するMac OSX用ウィジェット。Power BrakeはMac OSX用のフリーウェア。震災が起きるまでは電力はあって当たり前のものだった。それが震災以後、計画停電や節電などによって店舗の照明が消えたり、電車の本数が減るなどして経済を動かす基盤が変わりつつある。グラフそん...

26055?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f03%2f0f60203756734eb433ef43a6e7d05667

  • 2011/03/25

解析データの、グラフ化に。JavaScript製統計解析ライブラリ「jStat」

jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上で...

24954?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-24-17.20.32_thumb

  • 2011/02/03

関連性をビジュアル化するのに使えるjQuery製グラフライブラリ「Arbor」

Arborは複数のオブジェクトを関連性を含めてビジュアル化するライブラリ。ArborはJavaScript/jQuery製のオープンソース・ソフトウェア。データをビジュアル化する方法は幾つか存在する。例えば棒グラフや折れ線グラフも一つのビジュアル化だ。どの方法を選ぶかはデータの種類と見せ方によって異なるだろう。こんな表...

24420?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f12%2fscreenshot2010-12-27-10.53.51_thumb

  • 2011/01/10

リポジトリをビジュアル化すると見えるものがある「Software Evolution Storylines」

Software Evolution Storylinesは有名なオープンソース・ソフトウェアのリポジトリをビジュアル化する。Software Evolution StorylinesはJava/Processing製のオープンソース・ソフトウェア。いかに優秀なエンジニアが集まろうとも、時間によって蓄積された情報だけは...

Missing

  • 2010/12/30

SVGでグラフを生成する「SVGGraph」

SVGGraphはPHP製のオープンソース・ソフトウェア。HTML5が正式に決まり、メジャーなブラウザがHTML5対応を強めている。そんな中、ようやく日の目を見そうなのがSVGだ。技術的には昔からあるものの、対応ブラウザが限られることもあってあまり使われてこなかった。棒グラフ、円グラフSVGを使うと幸せなのが、クライア...