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

開発 - グラフの記事一覧

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

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

もっと見る

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に限らず利用したい...

List

  • 2009/11/27

Flashベースのグラフ化ライブラリ「BirdEye」

BirdEyeはFlash製のオープンソース・ソフトウェア。グラフ表示を行うライブラリは多数存在する。簡易的なものであればHTMLレベルで描くこともできる。さらに多機能なものが必要であればJavaScriptを使うこともできる。そして複雑なグラフを描きたければ導入したいのがFlashベースのグラフライブラリだ。 Bir...

List

  • 2008/12/11

動くグラフが作成できる「Turbo Plot」

テキストよりも画像、画像よりも動画と強いインパクトを与えるメディアは変化する。同じデータであっても、強い印象を残すのは画像であったり動くものだ。特にWebの場合、マルチメディアを扱うのが容易なので、ダイナミックに変化するデータの与えるインパクトは大きい。2D/3Dに対応したグラフ作成ツール 単なるグラフであってもそれは...

List

  • 2008/12/04

時間とタグを使ったグラフ生成アプリケーション「TimeCloud」

データのビジュアル化は重要だ。単なる文字の羅列では見えてこなかった情報が浮かび上がってきて、そこから新しい事実が分かってくる。それは時間による変化かも知れないし、日々の積み重ねの中から見える突出したデータかも知れない。タグデータと日付の関係をうまくビジュアル化 例えばGoogleが提供するファイナンスサイトのGoogl...

List

  • 2008/09/22

要チェック!テーブルからグラフを生成するJavaScriptライブラリ「Bluff」

※ 画像は公式サイトのデモよりこれは面白い発想だ。Web上でグラフを作成、表示するライブラリは数多く存在する。その際に使う方式としては、基準になる点をXY軸それぞれに対して追加し、描画するという方式だ。これはプログラム言語にとっては簡単な方式かも知れない。JavaScriptだけで画像グラフを生成する だが、使い慣れて...

List

  • 2008/09/15

PHPベースのグラフ生成ライブラリ「pChart」

システムに入れたデータは何らかの形で出力される。多いのはグラフや表だろう。表は数値を細かく判断する場合には便利だが、もっと感覚的に肌で違いを感じられるのはグラフの方だ。そのため、グラフ作成に関するニーズは多い。曲線を描くグラフ グラフを生成するライブラリは数多く存在するが、使い勝手や機能面で物足りない思いをしている人も...

List

  • 2008/08/09

インラインで表示される小さなグラフ「jQuery Sparklines」

※ 画像は公式サイトデモよりSparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた...