第22回 大きなデータを眺める 2008年5月16日 IT コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら) 下図はMacintoshの Disk Inventory X というソフトで私のホームディレクトリの中のファイルの大きさを視覚化したものです。 大きなファイルが大きな矩形で表現され、ファイルをまとめたフォルダも矩形として階層的に表現されています。 一方、下図はWindowsの SequoiaView というソフトを使ってファイルの大きさを視覚化した例です。 後発のDisk Inventory Xは、おそらく SequoiaView に触発されたと思われるので外見がよく似ていますが、階層的に配置した矩形の集合でファイルサイズを表現するという方法は、University of Maryland の Human-Computer Interaction

先日"これスコアリングの結果わかりやすく見せらんないかな?"って社長とペアプロ時に言われて、オレオレ変換で色・サイズのタグクラウド作ったら色の方だけ速攻却下喰らった。超くやしい。 と言う訳でちょっと勉強がてら書いてみた。 今一適当なarticleが見つからなかったのでjQueryのHeatColor pluginの中身をそのまんま実装。 #!/opt/local/bin/ruby require 'RMagick' class Float HEAT_COLOR_SCALE = 128 HEAT_COLOR_PERIOD = 2 * Math::PI def heat_color(min, max) position = (self - min) / (max - min) shft = 0.5 * position + 1.7 * (1 - position) x = shf

An experiment in human storytelling, using a photographic heartbeat of 3,214 images to document an Eskimo whale hunt in Barrow, Alaska

MDCの記事用にGeckoのReflow（レイアウトを組み立てる処理）の過程をアニメーションGIF↑にしましたが、これが思ったより良い画になったので、トゥイーニングをつけてムービーを作ってみました。 まず、みんなの好きなGoogle。あんまり面白くないです 続いてWikipedia。スクロールバーが出て表示域が狭まったために、サイズを再調整している様子が見えます。 最後に、Mozilla.orgのトップ。floatの扱いがよくわかります。ここでもスクロールバーの出現に伴う再配置が発生しています。 作り方は大体以下のような感じです 各frameのrectが変化したところで位置、大きさ、this pointer値および親のthis pointer値をログに書き出すコードをMozillaに仕込む Rubyスクリプトでログを舐めて、frame treeを再構成する もう一度最初からログを舐めて、各

Hotmap: the Use of Virtual Earth - About This Map - MSR VIBE - Feedback - Terms of Use - Privacy

Worldmapper is a collection of world maps, where territories are re-sized on each map according to the subject of interest. There are now nearly 600 maps. Maps 1-366 are also available as PDF posters. Use the menu above to find a map of interest.

Prices shown are rounded down to the nearest dollar. Adult prices are displayed, child and infant fares are also available. Prices include airport and government costs and are based on specific routings. Due to the dynamic nature of our booking system very occasionally our lowest fares may be sold between the time you first see the fare and the time you complete your booking. Prices are not confir

Treemaps for space-constrained visualization of hierarchies Including the History of Treemap Research at the University of Maryland Started Dec. 26th, 1998 by Ben Shneiderman Later updates by Ben Shneiderman and Catherine Plaisant - Last update Sept 2014 Our treemap products: Treemap 4.0: General treemap tool (Free demo version, plus licensing information for full package) PhotoMesa: Zoomable imag

This is a map of neighborhood buzz, projected over both time and space. The map tracks the the neighborhood hotspots in the Flatbush/Atlantic Avenue area of Brooklyn that people have been talking about online for the past six months. The larger the icons, the more conversations about the place. Each circle represents the ratio of coverage by local bloggers (in orange) to the mainstream media (

Trulia Hindsight is an animated map of homes in the United States from Trulia. The animations use the year the properties were built to show the growth of streets, neighborhoods and cities over time. View the map » Taking a look at Bolinas, CA in Hindsight you’d be forgiven for thinking there was something wrong with our data. There’s a steady growth up until 1971 and then suddenly: nothing. Thank

Fast user experience in Online Casinos with Trustly – FidgtUnifyBring all your friends and their media together in one place. VisualizeExplore your social network and see what people are talking about MobilizeThe People you really care about, wherever you arе. About FidgtFirst, off we’re excited to bring Fidg’t to you and hope it does you well. We really believe that communication between people i

what is this? The labs provide a broader (and deeper) view of Digg. A lot of stuff gets submitted to Digg every day, so good things can sometimes fly right past you. Labs projects look beneath the surface of the Digg community's activities. with stamen design Labs projects are the results of collaboration with Digg partner stamen design. We've also released a public API for Digg so that anyone can