小萝莉的游乐园

浙江大学2019年可视化与可视分析暑期学校第一课：陈为老师《可视化释义》笔记。

SummerCourse2019ZJU

Class 1 Introduction release

Wei Chen

chenwei@cad.zju.edu.cn

OUTLINE

1.1 What is data visualization

1.2 Visualization is hot & cool & young

1.3 How to create visualization?

1、What is data visualization

---

1.1 “Data visualization is the creation and study of the visual representation of data” - wiki

Input: data Output: visual form Goal: insight

vi·su·al·i·za·tion:

  • Formation of mental visual images
  • The act or process of interpreting in visual terms or of putting into visible form

eg:Aaron Koblin, TED 2006

1.2 Why is a Diagram (Sometimes)Worth 10,000 Words

Larkin and Simon, Cognitive Science, 1987

  • 图表表达与句型表达具有信息和计算上的等价性 [Simon 1978]
  • 图表具有拓扑和几何的关联，将信息基于位置进行索引，所见处即所得
  • 句型表达具有时间或逻辑方面的序列，显式地表达了单个元素。
  • 句型表达假设每句话是串行阵列；而图表表达有一个简洁的语义网络，认知时只需要在不同的节点间定位。
  • 在求解问题时，图表表达可以提供搜索与认知的便利；句型表达在搜索时需要记住更多的信息。eg:Visu Algo通过动画可视化数据结构和算法

1.3 How to do

  • Helps us think
  • Uses perception to offload cognition
  • Serves as an external aid to augment working memory
  • Boosts our cognitive abilities

2、Visualization is hot & cool & young

--- **2.1 Top VIS Conferences**
  • VAST (Visual Analytics Science and Technology)
  • InfoVis (Information Visualization)
  • SciVis (Scientific Visualization)

2.2 What is VIS Research?

  • Visualization Pipeline
  • Technique Papers
  • Application/Design Study Papers
  • System Papers
  • Evaluation Papers
  • Theory/Model papers

2.3 Some of Web

3、How to create visualization?

---

3.1 Act I: Foundations

  • Design Principles
  • Process & Data
  • Tasks & Interaction
  • Perception
  • Visual Encodings
  • Color

3.2 Act II:Methods

  • SingleViews
  • MultipleViews
  • Filtering &Aggregation
  • Dimensionality Reduction
  • Evaluation

3.3 Act III:Techniques

  • Statistical Graphs
  • Trees & Networks
  • Maps
  • Text & Images

3.4How to create a visualization yourself

 Previous

CSS