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

開発 - グラフの記事一覧

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

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

もっと見る

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を使うと幸せなのが、クライア...

24021?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2010%2f12%2fscreen-shot-457

  • 2010/12/19

HTTPアクセスをビジュアル化する「htracr」

htracrはNICを監視してWebアクセスをビジュアル化する。/s2Ifhtracrはnode.js/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発、運営しているとどんどん新しい機能が追加されていき、徐々に重たくなってしまう。そんな時にFirebugなどを使ってネットワークアクセス状態を見る...

Missing

  • 2010/08/18

リアルタイムにスムーズなグラフを描く「Smoothie Charts」

Smoothie ChartsはJavaScript製のオープンソース・ソフトウェア。Web上でのグラフ描画に対するニーズは多い。常時固定であれば画像でも良いだろうが、システムの値を使う場合は何らかのグラフ描画ライブラリを使うことになる。複数グラフ同時描画も可能 さらにアクセスの度にレンダリングして終わる場合もあるが、...

List

  • 2010/07/04

JavaScript製のガントチャート「JSGantt」

JSGanttはJavaScript製/Webベースのオープンソース・ソフトウェア。多人数、または複数社が関わるプロジェクトでは一つのタスクの結果が別なタスクに関わっていることが多々ある。そうした時の遅延はプロジェクト全体の調整が必要であり、滞りなく進めるのは至難の業だ。JavaScriptでガントチャートを生成 その...

List

  • 2010/06/08

iPhone用の高度なグラフライブラリ「s7graphview」

s7graphviewはiPhone向けのオープンソース・ソフトウェア。iPhoneアプリを開発したいというニーズは増えている。だがWebベースの開発とは異なり、かつPC向けアプリとも異なるために勝手が掴めないと言った話もよく聞かれる。デモ PC向けには既に多数のコンポーネントやライブラリが揃っている。iPhone向け...

List

  • 2010/03/26

あの頃良く聴いた曲に触れる「LastHistory」

LastHistoryはMac OSX用のオープンソース・ソフトウェア。音楽は時とともに移り変わる。一時に爆発的にヒットするものもあれば、長年愛されるものもある。人も年齢とともに聴く曲が変わっていく。邦楽が良いと思う時期もあれば、洋楽が良くなったりと変化するはずだ。あの頃はこんな曲を良く聴いていたようだ そんな自分の趣...

List

  • 2010/02/13

Googleマップ用のクラスタ表示ライブラリ「Fluster」

FlusterはJavaScript製のオープンソース・ソフトウェア。データを表示する際には、ただ細かくするだけでは全体像がつかみづらい。時には幾つかのデータをまとめてグルーピングすることで表示をすっきりとさせ、全体の雰囲気をつかむ方が良い場合もある。全体像を把握するのに使える Googleマップでも遠い地図の場合とズ...

List

  • 2009/12/20

SVGを使ったものすごいグラフライブラリ「dygraphs JavaScript Visualization Library」

dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。高機能なグラフライ...

List

  • 2009/12/12

Android用のグラフライブラリ「ChartDroid」

ChartDroidはGoogle Android用のオープンソース・ソフトウェア。ソフトウェアにおいてグラフというのは重要な存在だ。データの見せ方によってユーザの受けるインパクトは全く変わってくる。そのためWeb、ローカルに限らずグラフライブラリは人気が高い。今はこの円グラフのみ そしてグラフはPCに限らず利用したい...