第三天（11月13日）

可视化分类学：“视觉表示”从顶层到底层

今天，我们将探讨作为顶层的“视觉表示”的各类图表和可视化分类学对信息传达的便利性作用。同时，我们将批判性分析可视化分类学的价值和局限性。接着，我们将探讨作为底层的“视觉表示”的标记和通道，如何通过编码规则将抽象信息转化为可感知的视觉元素，构建数据的基础图形元素。

如何准备这一天

• 每个小组在腾讯文档中选择一个可视化类型，注册自己组员的名字；

• 在文献 《可视化动物园之旅：从显而易见到鲜为人知的强大可视化技术概览》 中找到你选择的相关章节（请注意，图片和相关的文本可能不在一页上，建议先找到你所选可视化类型的对应段落，然后根据内容，定位到配图）；

• 根据阅读分享指南，准备好今天的课堂分享。

今日议程

上午

• 可视化分类学

  • 常见的可视化分类系统

  • 理解分类学的意义

• 翻转课堂：小组分享（10分钟），提问时间不限

• 理解分类学的局限

下午

• 可视化效用

  • 理解可视化效用的效用差异

  • 效用的承载单元——标记与通道

• 介绍基于 Glyph 的可视化

• 回顾“视觉表示”：驱动可视化分类学的底层逻辑

  • 理解视觉变量和视觉编码

  • 理解数据变量的特性对选择合适的视觉变量的影响

  • 课堂互动：视觉变量识别

• 课堂练习2：在信息动线图上分析每个“视觉表示”的视觉变量

作业

视觉编码练习：基于标记和通道创建个性化的图形

详细信息请浏览作业指南。

参考与引用

• Heer, Jeffrey, Michael Bostock, and Vadim Ogievetsky. “A Tour through the Visualization Zoo: A Survey of Powerful Visualization Techniques, from the Obvious to the Obscure.” Queue 8, no. 5 (2010): 20–30.

• Munzner, Tamara. Visualization Analysis and Design. CRC Press, 2014.

• Apache ECharts. Accessed from https://echarts.apache.org/

• Holtz, Yan, and Conor Healy. “From Data to Viz | Find the Graphic You Need.” 2018. Accessed from https://www.data-to-viz.com/.

• Abela, Andrew. “Chart Suggestions—A Thought-Starter.” Extreme Presentation. 2009. Accessed from https://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf.

• “Visual Vocabulary.” GitHub. 2016. Accessed from https://github.com/ft-interactive/chart-doctor/tree/master/visual-vocabulary.

• Ribecca, Severino, and Jonathan Schwabish. The Graphic Continuum. 2014. Accessed from https://www.severinoribecca.one/portfolio-item/the-graphic-continuum/.

• Maguire, E., Rocca-Serra, P., Sansone, S., Davies, J., and Chen, M. “Taxonomy-Based Glyph Design—with a Case Study on Visualizing Workflows of Biological Experiments.” IEEE Transactions on Visualization and Computer Graphics 18, no. 12 (2012): 2603–2612.

• Duffy, B., Thiyagalingam, J., Walton, S., Smith, D. J., Trefethen, A., Kirkman-Brown, J. C., … & Chen, M. “Glyph-Based Video Visualization for Semen Analysis.” IEEE Transactions on Visualization and Computer Graphics 21, no. 8 (2013): 980–993.

• Statistical Diagram: VI. Exposition Universelle de 1889. Recettes Brutes des Theatres et Spectacles des Paris de 1878 à 1889. Accessed from https://purl.stanford.edu/cm899df8460.

• Speranza, Joel. “Creating an Adjacency Matrix from a Network Graph.” YouTube. Accessed from https://www.youtube.com/watch?v=5S1II7Mc8v8.

• Lupi, Giorgia, and Stefanie Posavec. Dear Data. Chronicle Books, 2016. Accessed from https://www.dear-data.com/theproject.

• Bertin, Jacques. Sémiologie Graphique: Les Diagrammes, les Réseaux, les Cartes. 1967.

• Mackinlay, Jock. “Automating the Design of Graphical Presentations of Relational Information.” ACM Transactions on Graphics (TOG) 5, no. 2 (1986): 110–141.