第三次視覺化分享會 (5/29) - 筆記
分享會專用 hackpad
視覺化學院
The Magical Number Seven, Plus or Minus Two: Some Limits on our Capacity / George A. Miller
講者: Kimi
原文: http://www.psych.utoronto.ca/users/peterson/psy430s2001/Miller%20GA%20Magical%20Seven%20Psych%20Review%201955.pdf
哈佛教授 G.A. MILLER
信息測量 - 1bit ( 是或否 )
音符超過七個的時候不容易記,但只有兩三個就相對簡單了 ( 播放 mary has a little lamb 中 )
圖中的點數不多時,很容易重製,也會去算多少個
太多時:
- 就會從絕對判斷轉向估計判斷了, 也不容易再被重製出來
- 若再加上面積與密度,會更容易判讀
重新編碼
- 雖然波可能代表了 2 bit 式的資料,但我們比較會直接注意波形 ( ? )
- 一堆 10 很難記, 但重新編碼就會比較好記
- e.g., 1000100011011001(超過7個) -> 20203121(超過7個) -> 88d9 (好記)
- 回憶是「建構」記憶而非提取
這個blog有提到本paper的內容,該網站也有很多ui設計的有趣文章可以自行看看
http://blog.fourdesire.com/2014/12/11/bang-ui-fen-lei-wo-men-shi-ru-he-ji-yi-de/
D3: Data-Driven Documents, by Mike Bostock
講者: Muyueh
原文: http://vis.stanford.edu/files/2011-D3-InfoVis.pdf
Data Driven Document
or what makes d3.js great
Level of abstraction
- encapsulation
- intermediate representations
- sprite.graphics.drawCircle(0, 0, 10);
vs.


trade-off
- Efficiency: human effort required to specify a vis
- Expressiveness: diversity of visualizations
- Accessibility: difficulty of learning the representation (due to internal structure)
key goals for d3.js
- Compatibility: works with other system (CSS), evolves with standard, native expressiveness
- Debugging: vs. encapsulation of control
- Performance: avoid redundant computation by letting dev. controls transition
What is d3.js
- Data Driven DOM manipulation (Like jQuery)
- add/remove elements
- high-level helper ( helper function (format, d3.csv), and hopefully stats model as in R)
Difference between d3.js and Protovis
- implicit or explicit transformation
- (Protovis specify scene changes, have to re-evaluate all properties vs. d3.js specify changes)
- deferred or immediate evaluation
- (Prototis users need to understand internal control flow)
- access to a native representation
- (Protovis Line, Wedge all prototypal inheritance vs. d3 circle cx and rect x)
- -> selection can be retrieved at any time vis console
Useful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts / Scott Bateman
講者: Kirby
原文: http://hci.usask.ca/uploads/173-pap0297-bateman.pdf
The Structure of the Information Visualization Design Space, by Stuart K. Card
講者: Summit
原文: http://www.cs.ubc.ca/~tmm/courses/old533/readings/card96structure.pdf