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

開発 - グラフの記事一覧

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

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

もっと見る

List

  • 2014/05/18

BirdWatch – TwitterストリーミングAPIを使ったキーワード解析ツール

Twitterにはリアルタイムに大量のメッセージが送られています。大多数は取り立てて意味のないデータかも知れませんが、その中から役立つデータをピックアップするのは大変なことです。分析している間に次のデータがきてしまい、すぐにトレンドが変化してしまいます。そんなリアルタイムのTwitterトレンドビジュアル化をしてくれる...

List

  • 2014/04/30

vis.js – 年表やオブジェクト同士のつながりを表現するグラフに

Web上でデータを表示するライブラリは実に多彩に存在します。それだけニーズはありつつもこれで決まり!というものがないのかも知れません。そのため、多様に存在するライブラリをチェックし、比較検討する必要があります。vis.jsもそんなデータビジュアル化ライブラリの一つです。ネットワーク図をはじめ、データ同士のつながりを表現...

List

  • 2014/04/19

GitHub Burndown Chart – GitHubのイシューを使ってバーンダウンチャート生成

プロジェクト管理によく使われるのがバーンダウンチャートです。課題の数が日数とともに減っていくのをグラフ化することで、最終的に全ての課題が終わるのがいつ頃なのか予測できるようになります。そんなバーンダウンチャートをGitHubの課題管理を使って行うのがGitHub Burndown Chartです。## GitHub B...

List

  • 2014/03/27

Scout Realtime – 次世代のtopはWebで見る!

おお、これは格好いいぞ!サーバのステータスを知りたかったら打つコマンドがtopです。リアルタイムに刻々と変わるサーバのステータスを“テキストベース”で確認できます。しかし時代はどんどんグラフィカルになっている中、未だにtopで良いのでしょうか。そんな疑問を解決してくれるソフトウェアがScout Realtimeです。サ...

List

  • 2014/03/20

jOrgChart - 知っておくと便利な組織図を描くjQueryライブラリ

階層的な構造を表すのに便利なのが組織図です。しかし形が独特なものになりがちで、他のグラフに比べると描画ライブラリが少ないように思います。その結果、画像で作られて更新メンテナンスが大変な状態になります。そこで組織図を描くのに便利なライブラリを一つ知っておくと色々な場面で使い回しができるようになるでしょう。今回はjQuer...

List

  • 2014/03/17

NextCharts – グラフの事ならお任せ。HTML5/Canvasのグラフライブラリ/デザイナ/サーバ

かつてWeb上でグラフを描くとなると画像で出力するものが多かったです。しかし時代はHTML5になり、豊かな表現が可能になっています。そんな中にあってレガシーな画像出力など使っている場合ではありません。ということでHTML5の性能を活かしたグラフライブラリを紹介します。グラフのデザイナー、エンジン、そしてサーバの全てがオ...

List

  • 2014/03/16

morris.js - SVGで手軽に綺麗なグラフを描くJavaScriptライブラリ

管理画面などに格好いいグラフがあるとテンションがあがりますよね。とは言えグラフを表示するというのは意外と面倒で、ついつい後回しになってしまいがちです。そこで手軽に格好いいグラフを描けるライブラリとしてmorris.jsを紹介します。## morris.jsの使い方morris.jsはまずJavaScript/スタイルシ...

List

  • 2014/01/22

GraphSketcher - グラフを加工してさらに面白く

ああ、こういう加工は良いかも!Omniと言えばドロー系ソフトウェアを数多く出している有名な企業ですが、そこから新しい面白いソフトウェアがオープンソース化されました。それがGraphSketcherです。その名の通りグラフ+スケッチというソフトウェアなのですが、今ひとつ雰囲気が分かりづらいかと思います。しかしこれが非常に...

List

  • 2013/12/10

lsys – 面白い!自然物を描き出すL-systemをWeb上で体験

これはついついハマってしまいますよ。L-systemというのは生物の成長プロセスをはじめとする自然物の構造を記述、表現できるアルゴリズムのことを言います(via L-system - Wikipedia

List

  • 2013/11/26

hGraph - 健康状態を一つのグラフで表現

こういう表現方法のアイディアって面白いですね。健康というのは上限値と下限値があるものです。数値が低すぎてもダメな一方、高すぎてもダメというのもあります。一定の範囲があって、その中に収まっていれば問題なしというパターンが多いです。そんな健康状態を一つのグラフに表現しているのがhGraphになります。レーダーチャート風です...

List

  • 2013/11/25

Viz.js – Web上でGraphvizをSVGでレンダリング

フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。しかしローカルソフトウェアをインストールしたり、セットアップしたりするのは面倒と感じる人も多いでしょう。そこでさらに再利用性を高めてくれるのがViz.jsです。Webベ...

List

  • 2013/11/20

Pizza Pie Charts - レスポンシブで使えるSVGの円グラフ

他のグラフにも対応して欲しい!円グラフは複数の情報がどれくらいのシェアを占めているのかを表すのに向いています。そんな円グラフをWeb上で手軽に扱えるようにしたJavaScriptライブラリがPizza Pie Chartsです。さらに円グラフはSVGで作られており、Retinaなどの高画質ディスプレイやもちろんスマート...

List

  • 2013/10/22

CSVデータをベクターグラフィックスで表現「Raw」

RawはJavaScript製のオープンソース・ソフトウェア(LGPL)です。表計算で作ったデータというとグラフで表すのが普通だと思います。しかしそれをさらに一歩越えてグラフィカルに表現してくれるのがRawです。一例です。上がデータ部、下にあるツリーマップがそれを描画したものです。グラフは色々と用意されています。こちら...

List

  • 2013/09/16

gnuplotをJavaScriptに変換。Web上で高度な3Dグラフを描画「gnuplot-JS」

gnuplot-JSはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。3Dグラフを描く際などによく使われるソフトウェアがgnuplotです。高度なグラフを描けるのがメリットですが、ローカルに落として使うのが面倒に感じている人もいるのではないでしょうか。そこで使...

List

  • 2013/08/21

Web上でインタラクティブな図を描く「JointJS」

JointJSはJavaScript製のオープンソース・ソフトウェア(Mozilla Public License)です。Web上で図を表示したいと思うことは多々あります。そんな時に画像を使うのは最も知られた方法ですが、再利用性や修正コストが大きくなります。図にもよりますが、JointJSがカバーできる範囲は大きいので...

List

  • 2013/07/18

統計データを誰でも使いやすくするR製Webアプリケーションフレームワーク「Shiny」

ShinyはR製、GPL v3のオープンソース・ソフトウェアです。統計情報を誰でも扱いやすくするためにWebブラウザ上で使えるようにしたいが、サーバサイドの言語を覚えるのが面倒なんて場合に使って欲しいWebアプリケーションフレームワークが登場しました。それがShinyです。なんとRだけでWebアプリケーションが作れてし...

List

  • 2013/07/07

Canvasを使って描くグラフライブラリ「Aristochart」

AristochartはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。Webブラウザ上で表示されるグラフというと最近ではJavaScriptを使って描画されるものが多くなっています。多くはSVGなどを使っているようですが今回はCanvasを使って奇麗なグラフを描くAristochar...

List

  • 2013/06/15

多彩なフォーマットに対応したビジュアル化ソフトウェア「Hypercube」

HypercubeはWindows/Mac OSX用のオープンソース・ソフトウェア(GPL)です。テキストで書かれただけでは分かりづらい情報も、ビジュアル化すると分かりやすくなります。そこで今回は多彩なテキストフォーマットに対応したビジュアル化ソフトウェア、Hypercubeを紹介します。メイン画面です。こちらはMac...

List

  • 2013/05/26

工業製品風の出力をWebに「Industrial.js」

Industrial.jsは体温計やタンクなどでの進捗表示ができるライブラリです。処理の進捗を表すのにプログレスバーがよく使われますが、今回はメータグラフを使った手法を紹介します。利用するライブラリはIndustrial.jsです。メーター表示です。液体や温度計風で面白いです。その他LED、電光掲示板風もあります。In...

List

  • 2013/05/25

一行の記述で使えるJavaScriptグラフライブラリ「Chartkick」

ChartkickはRailsやそれ以外のシステムで手軽に使えるグラフライブラリです。Web上にグラフを描こうと思うと途端に面倒な気がしてしまいます。そこで使ってみて欲しいのがChartkickです。Railsとの親和性の高いグラフ描画ライブラリです。線グラフ。円グラフ。棒グラフ。複数シリーズ(円グラフは対応していませ...