第三次視覺化分享會 (5/29) - 筆記
編輯歷史
| 時間 | 作者 | 版本 |
|---|---|---|
| 2017-07-03 06:46 | r2 | |
顯示 diff- 第三次視覺化分享會 (5/29) - 筆記
+ 第三次視覺化分享會 (5/29) - 筆記
分享會專用 hackpad
視覺化學院
（83 行未修改）
|
||
| 2017-07-01 14:48 – 14:48 | r0 – r1 | |
顯示 diff+ 第三次視覺化分享會 (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
+ *c3.js, NVD3.js and other are limited in expressiveness
+ *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
|
||