メールの視覚化
メールで情報をやり取りする際に面倒な点の1つは、前後の話のつながりを追いづらいことですよね。例えば Gmail のように、関連するメールをスレッド形式で表示するなどといった工夫もありますが、話の流れが複数に分散した時に把握しづらくなります。そこでIBMがこんなアイデアを考え出したとのこと： ■ Thread Arcs (visualcomplexity.com) 2003年発表とのことですから、既にご存知の方も多いかもしれません。個々のメールを「点」で示し、他のメールとの関連を「弧（arc）」で示す「スレッド円弧（Thread Arcs、スレッド・アーチと意訳した方がカッコいいかも）」というアイデア。中が塗りつぶされている点は他人のメールを示し、さらに色の違いで送信者などを表すようになっているそうです。より詳しい情報は、IBMの公式ページからどうぞ： ■ THREAD ARCS: An E
amCharts: customizable flash Pie & Doughnut chart
Pie charts are the most commonly used chart type to represent qualitative data (values in relation to the whole). amCharts has an extensive support for various pie chart sub-types and configuration options. This demo shows the most basic and commonly used implementation of pie chart. Key implementation details We create an instance of PieChart and add PieSeries to it with data fields configured. A
Samurai Graph : Home
Samurai Graph A highly functional and user-friendly graph plotter About Samurai Graph Samurai Graph is a highly functional and user-friendly graph plotter. It can plot a graphs from the scalar to vector type 2-dimensional data. See features for an extensive overview, take a look at the screenshots, or download it right away. Samurai Graph is an open source development project, released under the G
Collection & Copy - 図関連( 図や絵を描くJavaScriptライブラリ一覧)
図関連 JavaScript 最終更新 2007/2/23 FooPlot: Online graphing calculator and plotter ezvg.js、VML/SVGを切り替えて使用、GPL。 Open-jACOB Draw2D wz_jsgraphics.js。 mxGraph Ajaxio Demo wz_jsgraphics.js、Prototype, script.aculo.us Cumulate Draw 独自ライブラリ。VML/SVG切り替え。Spry、Prototype.js。 ajaxSketch XUL。 CanvasPaint Sharpan - お手軽Webホワイトボード excanvas.js、Prototype.js。コラボレーション。 Thinkature wz_jsgraphics.js、YUI。コラボレーション。 WWW SQL Des
Creating Passionate Users: Add graphics to your blog, book, or presentation
People pay attention to graphics. They respond to graphics. They learn from graphics. If you want your readers/learners/audience to "get" something as quickly and clearly as possible, use visuals. And you don't have to be a graphic artist, designer, or information architect to put pictures in your presentation, post, or book. This post is my first attempt to categorize the kinds of graphics I do h
地理データを基にヒートマップを作成するAPI - GeoIQ API - sta la sta
Log In ‹ Geoiq — WordPress データを比較するとき、数値データだけよりもグラフやヒートマップなど視覚的なデータも使った方が分かり易いですよね。 (参考)直感型アクセス解析 - Crazy Egg - sta la sta こちらのGeoIQでは、地理データを基にGoogle Maps等の地図上にヒートマップを作成できるAPIを提供してくれてます。 どんな感じに見えるかはコチラのデモサイトをご覧ください。 Log In ‹ Geoiq — WordPress こちらのデモは、任意の2地点における交通量を比較して表示しています。 青色は交通量が少なく、赤色や黄色に近づくにつれて交通量が増加しているようです。 地図をズームアップしてもちゃんとヒートマップも追従してくれるますね。素晴らしい。 やや処理が重たい気もしますが。 APIの使用に関しては、1日5000トランザクショ
Graphvizオモシロイ - これ僕.com：行動分析学マニアがおくる行動戦略
Graphvizという作図ツールを試してみた。 dot言語でプログラムすると図が出来上がる。 オモシロイ。 Install いつものごとくapt-get。 sudo apt-get install graphviz そして書いてみた まずは書いてみる。 digraph sample1 { node1 -> node2; node1 -> node3; node2 -> node3; node3 -> node4; }で、PNGファイルに変換(コンパイル？)。 % dot -Tpng sample1.dot -o sample1.png そうすると、こんな感じの図が出来上がる。 横向きにもできる。 digraph sample { graph [rankdir = LR]; node1 -> node2; node1 -> node3; node2 -> node3; node3 -> no
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for our line chart. var json = [ { x: 0, y: 110, size:20, x2:
百科事典の情報をツリー状に表示「知のコンシェルジェ」
日立システムアンドサービスは百科事典などの情報をツリー状に表示できるWebアプリケーション「知のコンシェルジェ」を開発した。これを利用したオンラインサービス「ネットで百科 for ブロードバンド」を11月に開始する。 日立システムアンドサービスは、百科事典などの情報をツリー状に表示できるJavaによるWebアプリケーション「知のコンシェルジェ」を開発した。これを利用したオンラインサービス「ネットで百科 for ブロードバンド」を11月に開始し、2007年3月までは試行期間として無償で利用できる。対応するOSはWindows 2000／XP、Mac OS X 10.4以降。ブラウザはInternet Explorer 6.0以降、Safari 2.0以降をサポートする。 「知のコンシェルジェ」の構成図。辞書などのデジタルコンテンツを、百科事典の項目名と関連項目名のように関連付けした「体系化さ
SIMILE | Timeline
Timeline has graduated! The Timeline project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.
JavaScriptでグラフを描画出来るライブラリ『WebFX』:phpspot開発日誌
Chart Usage (WebFX) In web applications developed now days a lot of the logic that previously resided on the server side is now being implemented on the client side. This is especially true for information presentation, components such as trees and columnlist makes it possible for users to interact with the application, or web site if you wish, without contacting the server. However the ability to
PlotKit - Canvas, VML, SVG でグラフを描画するためのJavaScriptライブラリ - memo.xight.org
Summary グラフを描画することに特化したJavaScriptライブラリ． <table> 内の数値をデータとして扱うことも可能． MochiKit を利用して開発されている． Internet Explorer でも Canvas をエミュレートして，ベクターな画像が表示可能． グラフを扱うライブラリなど XML/SWF Charts, PHP/SWF Charts[2005-03-10-6] クロスブラウザなベクタグラフィック描画ライブラリ DrawingCanvas.js [2006-01-10-12] wz_jsgraphics.js[2006-07-03-9] Reference liquidx.net - PlotKit - Javascript Chart Plotting http://www.liquidx.net/plotkit/
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
JAVASCRIPT MOTION TWEEN
TweenConstructorMethodsExampleEasing functionsExampleEventsEvents listenersColorTweenConstructorExampleOpacityTweenConstructorExampleTextTweenConstructorExampleSequenceMethodsEventsUsageExampleParallelSee it in action The Tween class CONSTRUCTOR var t = new Tween(object,property,easing,start,end,duration,suffixe); object: type:Object The object you want to modify. It can be any object, a visual ob
PHPでフラッシュのグラフを作る「PHP/SWF Charts」 - GIGAZINE
これを使えば無料で恐ろしく見栄えのするフラッシュでできたグラフをPHPで作成することができるようになります。標準的なグラフを表示するだけでなく、アニメーションを使った様々なビジュアル効果を加えたり、印刷ボタンや切り替えボタン、グラフを見る方向の変更、複数のグラフの混在なども簡単にできるので、一風変わったグラフ表示をお手軽にしたい人には最適ではないかと。 PHP/SWF Charts http://www.maani.us/charts/index.php その他のグラフのサンプルは以下を参照 http://www.maani.us/charts/index.php?menu=Gallery ダウンロードはこちらから http://www.maani.us/charts/index.php?menu=Download ほかにも有用なものがあるので、多彩な表現方法を手間無く使いたい人は必見。
リンク位置を視覚的に表示するライブラリ:phpspot開発日誌
Link Indicator Link Indicator displays visually links within a page and links which have target attribute. Link Indicatorを使えば、 href="#name" のようにアンカーでリンクした先を視覚的に次のように表示できます。 クリックするとどこに飛ぶか、というのが予め分かるとちょっと安心できますね。 実装もHTMLとJavascriptのロジックは分離できるようなので、簡単でHTMLソースも見づらくならなくていいですね。
anemone | ben fry
anemone Using the process of organic information design to visualize the changing structure of a web site, juxtaposed with usage information An organism that monitors web traffic. Click the link below to watch users as they peruse my former group's web site. A discussion of how this project was built, along with its source code so that you can adapt it to your own site can be found in my book Vi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction to Computer Science - Human vision system.
http://bavarois.db.tokushima-u.ac.jp/~miyoshi/graphviz/flash.html
Adobe Flash Player - Downloads
