The Natto View

Download Software (with the source code)

[A screen shot of the Natto View]

Abstract

The Natto View is a set of 3D interactive visualizing techniques and provides dynamic focus+context operation for graph structure such as the World Wide Web. Information nodes, or HTML documents, are placed on the fundamental floor-plane in 3D space, and users can select and move arbitrary node with direct manipulation. As the user lifts a focused node up, the nodes to which it links are lifted up together, and thus complicated networks are disentangled dynamically. By three dimensional perspective technique, the user can view both details of information connections near the selected node and global context of the large information space like fisheye lens model. The differences of the Natto View from most of other graphical visualization are: It supports not only visualization but also interactive and dynamic manipulation on users' demand. It is a layout-independent method and thus suitable for dynamic enlargement of diagram such as incremental access to huge distributed information networks.

Keyword: Information Visualization, WWW, Hypertext, Hypermedia, Overview Diagrams, Graphical Visualization

What's Natto?

Natto is a kind of Japanese food made of soybeans in a ferment. As it is very sticky, if you pick a bean up, some ones nearby it follow together, and others nearby following ones also follow and so on. Our new visualization is based on the metaphor of natto, so we call it the Natto View.

要旨

「納豆ビュー」は，WWW空間を3次元グラフィクスを用いて視覚化し，「持ち上 げ（つまみ上げ）」という対話的な操作によって情報同士の関連性を多面的に 俯瞰できるようにする．ページ（ノード）とリンクは，それぞれ球とそれを結 ぶ線で表現され，まず3次元空間内のほぼ平面上に配置される．ユーザは錯綜 するリンクの中から注目したいノードを任意に選択し，マウスによってそれを 持ち上げることができる．すると，関連する一連のノードがつられて持ち 上がるので，複雑なグラフ構造を好みに応じて解きほぐして調べることができ る．納豆ビューは，単なる視覚化を越え，ユーザの興味に応じた対話的な操作 が可能であり，レイアウト非依存なので巨大な分散情報空間の逐次的なアクセ スにも適すると考えられる．

Images of Screen Shots

  1. The Natto View (image)
  2. The Natto View version 1.0 (image)
  3. The Natto View version 1.0 small size (image)
  4. Picking and lifting up a node (image)
  5. Lift up operation #1 (before) (image)
  6. Lift up operation #2 (level 1) (image)
  7. Lift up operation #3 (level 2) (image)
  8. * (image)
  9. * (image)
  10. * (image)
    The following images are old...
  11. NattoView Window and ControlPanel (large / half)
  12. Before the `lift-up' manipulation (large / half)
  13. After the `lift-up' manipulation (large / half)
  14. ... And rotation (large / half)
  15. Various 3D manipulations (large / half)
  16. More lifting-up (large / half)
  17. View from above (large / half)
  18. Wireframe rendering (large / half)
  19. System overview (large / half)
  20. Asahi Newspaper 1 http://www.asahi.com/ (large / half)
  21. Asahi Newspaper 2 (large / half)
  22. Asahi Newspaper 3 (large / half)
  23. NTT http://www.ntt.jp/ (large / half)
  24. Architecture Diagram (EPS)

Publications

  1. 塩澤秀和.   インターネットの視覚化「納豆ビュー」.
    別冊日経サイエンス125 変わるネット社会, 松下温(監修), 日経サイエンス社, pp.86-89, 1998年12月. (Text without Figures)

  2. 塩澤秀和，西山晴彦，松下温.   「納豆ビュー」の対話的な情報視覚化における位置づけ.
    情報処理学会論文誌 Vol.38 No.11, pp.2331-2342, 1997年11月.
    (著作権規定で原稿を置けません)

  3. H. Shiozawa and Y. Matsushita.   WWW visualization giving meanings to interactive manipulations.
    HCI International '97, Aug. 1997. (Postscript / PDF)

  4. 塩澤秀和, 相馬隆宏, 野田純也, 松下温.   切り取り操作による柔軟な情報選択ができるWWW視覚化.
    情報処理学会ヒューマンインタフェース研究会研究報告 97-HI-71(11), 1997年5月. (Postscript / PDF)
    (参考文献でこれを引いている人がいらっしゃるようですが， なるべく論文誌の方をお願いします)

  5. インターネット、情報検索容易に〜関連性、点と線で立体的に表示
    日経産業新聞 1996年4月4日 (GIF)

  6. 塩澤秀和, 西山晴彦, 相馬隆宏, 松下温.   情報の関連性と他人数アクセスに着目したWWW空間の視覚化.
    情報処理学会グループウェア研究会研究報告 96-GW-18, pp.61-66, 1996年6月14日. (Postscript / PDF)

  7. 塩澤秀和, 西山晴彦, 松下温.   協調検索型ハイパーメディアのWWWによる実現.
    情報処理学会グループウェア研究会研究報告 95-GW-13，pp.13-18，1995年7月．