目次

---

1. 情報視覚化
2. 講義資料
3. 情報視覚化とは
4. 情報視覚化が注目されている理由
5. 視覚化のいろいろ
6. インフォグラフィクス
7. 例: ニューヨーク地下鉄
8. 例: 伊勢参宮名所図会
9. 例: ナポレオンのモスクワ侵攻
10. 例: 鉄道ダイヤ
11. 例: アメリカの人種の分布
12. 例: Aaron Koblinによるフライト視覚化
13. Pinterest
14. Envisioning Information
15. Beautiful Evidence
16. サイエンティフィックビジュアリゼーション
17. 例: 物質の構造
18. 例: 心臓
19. 例: 構造解析
20. 例: 亜鉛原子と水素原子の結合
21. AVS
22. 情報視覚化
23. 情報視覚化の特徴
24. 実世界と対応していない例
25. 情報視覚化の基礎技術
26. 何のために情報視覚化を行なうか
27. 何のために情報視覚化を行なうか
28. 身の回りの情報視覚化
29. 視覚化の対象
30. 視覚化の対象
31. 視覚化対象
32. 情報視覚化の手法
33. フィルタリング技法
34. 画面へのマッピング手法
35. インタラクション手法
36. 情報視覚化の歴史
37. Ben Shneiderman
38. Stuart Card
39. 情報視覚化の現在
40. 技術トレンド
41. 気分トレンド
42. 一般トレンド
43. 一般トレンド
44. 使いやすいシステムの普及
45. Processing
46. Processing
47. D3.js
48. WebGL
49. WebGLサンプル
50. gl.enchant.js
51. 具体例な視覚化例
52. 階層的データの視覚化
53. 大きなデータと階層構造
54. 階層的なデータの特徴
55. 階層的なデータの特徴 (Cont'd)
56. 数式の木構造
57. HTMLの木構造
58. Treemap
59. SequoiaView
60. Disk Inventory X
61. Newsmap
62. Sunburst: 同心円による階層視覚化
63. Overdisk
64. Scanner
65. Yahoo情報の視覚化
66. Yahoo情報の視覚化
67. 国家予算の視覚化
68. HyperbolicTree
69. ポアンカレ円板 (非ユークリッド幾何)
70. 無限の表現
71. デモ: TreeVis
72. ズーミングシステム
73. Pad
74. ビデオ: Pad
75. Pad++
76. PhotoMesa
77. ビデオ: PhotoMesa
78. WING
79. デモ: WING
80. LensBar
81. デモ: LensBar
82. ズーミングシステムの特徴
83. ネットワークデータの視覚化
84. ネットワークデータとは
85. ネットワークデータの種類
86. 視覚化例: 複雑なネットワーク
87. 視覚化例: LSIレイアウト
88. 長い歴史
89. 大規模なネットワーク情報の例
90. 表として表現できるグラフ
91. ネットワークデータの美的配置
92. c.f. 2点を結ぶものの集合だと簡単な計算でエッジの重なりを除去可能
93. ネットワークデータの平面レイアウト
94. 力指向アルゴリズム
95. Eadesのアルゴリズム
96. 鎌田/川合アルゴリズム
97. 鎌田/川合アルゴリズム
98. 鎌田氏
99. NTT山田氏のシステム
100. 階層的に分割する方法
101. mixigraph
102. 表情報の視覚化
103. PerspectiveWall
104. ビデオ: PerspectiveWall
105. 表の非線型ズーミング
106. TableLens
107. ビデオ: TableLens
108. DateLens
109. ビデオ: DateLens
110. FiCell Project
111. FilmFinder
112. Video: FilmFinder
113. TileBar
114. 時間変化の視覚化
115. 時系列の視覚化
116. 「グラフ」でググった結果
117. Y軸を時間に割り当てた例
118. Sparkline
119. Sparklineによるアクセス履歴表示
120. LifeLines
121. 見えログ
122. History Flow Visualization
123. 「Abortion」の編集履歴
124. SeeSoft
125. TwitterCharts
126. GitHubの編集履歴
127. Visualizing Empires Decline
128. ビデオ: Visualizing Empires Decline
129. ナイチンゲールの視覚化
130. ビジュアルプログラミング
131. フローチャート
132. NSチャート
133. PAD
134. UML図
135. 状態遷移機械
136. プログラム実行課程の視覚化
137. 例: ソートアルゴリズムの視覚化
138. 例: ソートアルゴリズムの視覚化
139. 例: ダイクストラ法
140. ビジュアルプログラミング
141. インタフェースビルダ
142. NeXTのインタフェースビルダ
143. Xcodeのインタフェースビルダ
144. Max/MSP
145. Max/MSP
146. Max/MSP
147. ビデオ: Max/MSP
148. Video: Stagecast
149. Viscuit [原田]
150. Video: Viscuit
151. MindStorms
152. センサを用いたプログラム例
153. Scratch
154. Blockly
155. 前田ブロック
156. Automator
157. デモ: Automator
158. Yahoo! Pipes
159. デモ: Yahoo! Pipes
160. Illumination Software Creator
161. Edamame by 上野和風
162. Rhinoceros / Grasshopper
163. ビデオ: Rhino/Grasshopper
164. 今後のトレンド
165. 参考資料
166. 情報視覚化の本棚
167. Readings in Information Visualization
168. Envisioning Information
169. Beautiful Evidence
170. Search User Interface
171. Beautiful Visualization
172. 「Visualizing Data」
173. Pinterest
174. End