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

開発 - グラフの記事一覧

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

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

もっと見る

List

  • 2008/08/09

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

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

List

  • 2008/08/02

JavaScriptだけのダイナミックなグラフライブラリ「ProtoChart」

※ 画像は公式サイトデモより最近は簡単に使えるグラフライブラリが増えてきた。Flashのものは見た目が奇麗で、画像出力のものも見やすさではひけを取らない。だがこうしたグラフは一度表示したが最後、リロードしないと変化しないものが多かった。パイチャート そうではない、もっとダイナミックに変化するグラフを描きたい場合はこれを...

List

  • 2008/07/29

Silverlightを使ったブラウザベースのグラフライブラリ「Visifire」

同じデータを表すにしても、数字の一覧とグラフとでは訴える力が大きく異なる。数字の方がデジタル的で、グラフは大枠での数字をつかむアナログ的な雰囲気がある。だが、全体像を把握したり、各数値を比較するにはグラフの方が都合が良い場合が多い。サンプルのグラフ Webベースのアプリケーションでもそれは同じだ。グラフが必要になった場...

List

  • 2008/07/12

XP/Vistaに対応したWiFiスキャナ「InSSIDer」

無線LANはそれまでの有線とは異なり、目に見えないために正しく設定されているかどうかが分かりづらい。接続できない原因が、そもそもアクセスポイントがないのか(信号がキャッチできてない)、設定が悪いのか、はたまた他のアクセスポイントと競合しているのか、などだ。無線LANの状態を可視化 そこで見えない無線LANの状態を可視化...

List

  • 2008/06/21

Googleの検索結果をグラフ化「Gootrude」

知り合いでサービス名を決める際に、その単語で検索し、結果が返ってこないものを選んでいるという人がいる。そうするとサービスをローンチ後、同じ単語で検索した際に結果が徐々に増えていくことになる。それを認知度の一つの指標とするのだ。グラフ SEO業者に限らず、Googleの検索結果を定点観測している人は多い。そんな人にお勧め...

List

  • 2008/06/09

Webベースの関数グラフライブラリ「openPlaG」

数式で描かれる曲線はどれも美しい。ほんの少しのパラメータの変化で、描かれるグラフは大きく異なってくる。また、英数字の羅列だけでは見えてこなかった規則性や特徴がグラフ上にプロットすると見えてくることもある。同時に3つの グラフが描ける 特に工学系の学生であればグラフを描く機会が多いと思う。手作業では書きづらい、複雑なグラ...

List

  • 2008/05/29

クラサバでダイナミックなグラフを描く「UbiGraph Client」

複雑で緻密なグラフというのは見ていて飽きないものだ。幾何学的なものも、分子構造のようなもの、フラクタルなものも良くできたものは芸術的でさえある。手で描くのは2Dが限界だが、コンピュータ内であれば3Dのグラフを動かしたり拡大縮小したり様々な角度から眺めることができる。サンプルを使ってサーバに接続したところ。蛇のようにくね...

List

  • 2008/05/21

MATLABライクな数値解析ソフトウェア「FreeMat」

大学や研究所で用いられている高度な数値解析にはMATLABが最も良く使われている。それに対抗するソフトウェアとして、Scilab、Octaveといったソフトウェアがある。高価で優秀なソフトウェアに対抗するオープンソースのプロジェクトだ。メイン画面 そしてこれもまた、オープンソースの数値解析ソフトウェアだ。今回紹介するオ...

List

  • 2008/04/16

JavaScriptだけでグラフを生成「PlotKit」

Webサイトを開発する中で、グラフを希望するケースは多々ある。同じデータではあっても、数値を一覧してあるのとグラフ化されているのとではインパクトが全く変わってくるからだ。棒グラフの例 だがそのためにライブラリや、サービスを立ち上げたりするだろうか。日本語表示などで問題が発生することも多々ある。そうした不安から解放される...

List

  • 2008/03/27

メールを解析「Mail Trends」

日々業務を行っているとついつい忘れがちだが、一度立ち止まって現状を分析する行為は重要だ。分析した結果によって、現状を改善したり問題点が見えてくる。漠然と感じていたものがグラフ化、集計することによって具体的になるのだ。メールが日々飛び交っている職場にいる方は、自分のメール利用状態について分析してみよう。今回紹介するオープ...

List

  • 2008/03/20

Subversionのステータスを見える化「StatSVN」

バージョン管理が日々利用していれば、開発した結果が蓄積されていることだろうと思う。そうしたログ情報を活用しているだろうか。大抵、何らかの問題があったときに、見返す程度だろう。それではせっかくの情報が活用しきれていない。解析し、さらに開発効率を高める情報源として利用しよう。今回紹介するオープンソース・ソフトウェアはSta...

List

  • 2008/03/10

Google Chart APIコンパチブルなグラフ生成「Eastwood」

Google製のグラフ生成Web API、Google Chart APIを使ってみたことはあるだろうか。単純に画像だけで返ってくると言うこともあって、使い勝手が良い。サイトにグラフを掲載したいときに便利なWeb APIだ。とは言え、社内のシステムや顧客向けのシステムでおいそれと利用するのは難しいだろう。そこでこれだ。...

List

  • 2008/02/09

華麗なFlashベースのグラフライブラリ「PHP/SWF Charts」

グラフをはじめ、図というのは言葉で説明する以上のインパクトを与える場合が多い。プレゼンテーションでも文字ばかりだと見る気がなくなるが、グラフがあると分かりやすく、訴えたい場所も明確になる。Web上でグラフを表示しようと思うと面倒な場合が多いが、既存のライブラリを使えばそれも手軽になる。今回紹介するフリーウェアはPHP/...

List

  • 2007/12/08

JavaScriptを使ってインタラクティブなグラフ「Flot」

データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。今回紹介するオープンソース・ソフトウェアはF...

List

  • 2007/11/05

Googleファイナンスのグラフ風「Time Series Graph」

横長のグラフを表示しようと思うと、細部が見づらくなったり、細かい横軸での変化が読み取りづらくなる。株式のグラフは特にそうだ。長い時間軸で見たい場合、短期で見たい場合、どちらも考えられる。それをFlashを使ってうまく表示しているのがGoogle Financeで、さらにそれを真似たものがこれだ。今回紹介するオープンソー...

List

  • 2007/10/17

Wikipedia専用アナライザー「W.H.A.T」

集合知の凄さを見せつけてくれるWikipedia、日本でも数百万の記事が収録されているといった事がニュースになっていた。だが、日本語版の現状は他言語に比べるとどうなのだろう。もちろん、各国版をそれぞれ見比べれば分かるだろうが、専用のアナライザーが存在する。今回紹介するオープンソース・ソフトウェアはW.H.A.T、Wik...

List

  • 2007/10/16

Flashで美麗なグラフを「FusionCharts Free」

グラフの見せ方というのは重要だ。これが効果的なものであると、全体の印象も素晴らしいものになる。やはり数字とグラフィックスの組み合わせというのが利点だ。Web上でグラフを見せる際、自作するという選択肢は殆ど選ぶ必要がない。どのライブラリを使うかが重要だ。Flashベースであれば、このライブラリはいかがだろう。今回紹介する...

List

  • 2007/10/10

JavaScriptによる多彩なグラフライブラリ「LT Diagram Builder」

Webページ上でグラフを描くというと、各種画像生成ライブラリを利用するだろうか。画像は手軽な反面、ダイナミックな生成ができず面倒な場合がある。ダイナミックに描画を変更できると言えば、JavaScriptが便利だろう。そのようなニーズではこれを試してみよう。今回紹介するオープンソース・ソフトウェアはLT Diagram ...

List

  • 2007/09/21

要注目!Flash製グラフ「amCharts」

格好いいグラフを見るとどきどきしてくる。表計算ソフトウェアでさも作りました、といったような単純なものでは心に訴える事はできない。何を見せたい、何を表現したいのかを的確に訴える必要がある。画像で単純に作るのも良いが、動的にグラフィカルにいこう。Flashを使えばそのようなインタフェースも容易に実現できる。今回紹介するフリ...

List

  • 2007/08/22

必見!Flash製の連想グラフ「Graph Gear」

Flashを使うとインタラクティブなグラフを作ることができる。その中の一つに、ある要素から連想される要素を周囲に表示して、さらにその周囲から次の連想要素を…といった蜘蛛の巣状に広がっていくグラフがある。たとえばmixiGraph、TilePlexなどが代表例だ。物と物が関連しあっている場合、この見せ方は有効だろう。こ...