大数据可视化理论与案例分析｜青训营笔记

2022-08-20 108 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的的第21天

01. 定义 /Definition

1.1 什么是可视化/ What is Visualization

Visualization is any technique for creating images, diagrams, or animations to communicate a message

截屏2022-08-20 19.16.22.png

截屏2022-08-20 19.16.41.png

截屏2022-08-20 19.16.52.png

1.2 什么是数据可视化/What is Data Visualization

Anything that converts data into a visual representation (like charts, graphs, maps, sometimes even just tables)

截屏2022-08-20 19.18.29.png

1.3 数据可视化作用/The Role of Data Visualization

A picture is worth a thousand words(信息展示)

截屏2022-08-20 19.19.24.png

1.3 数据可视化作用/The Role of Data Visualization

Explore the truth of the data(数据探索)

截屏2022-08-20 19.20.44.png

截屏2022-08-20 19.20.52.png

Promote communication and exchange(沟通媒介)

截屏2022-08-20 19.22.11.png

截屏2022-08-20 19.22.17.png

截屏2022-08-20 19.22.27.png

02.原理/Theory

流程 /Process

截屏2022-08-20 19.23.57.png

Abstract Data
Visualization Design
Rendering and Display
Interactivity

2.1 数据 /Data

2.1.1 定义 /Definition

Data is defined as a collection of meaningful facts which can be stored and processed by computers or humans.

截屏2022-08-20 19.25.53.png

2.1.2 数据和数据集/Data and Dataset

截屏2022-08-20 19.26.32.png DataTypes: ltems Attributes Links Positions Grids

2.1.3 表格 /Tables

截屏2022-08-20 19.27.30.png

截屏2022-08-20 19.27.39.png

2.1.4 多维表格/Multidimensional Table

截屏2022-08-20 19.28.31.png

截屏2022-08-20 19.28.39.png

2.1.5 网络图和树图/Networks or Trees

截屏2022-08-20 19.29.41.png

2.1.6 场/Fields

Fields (Continuous , scalars, vectors, or tensors)

截屏2022-08-20 19.30.40.png

截屏2022-08-20 19.30.52.png

截屏2022-08-20 19.31.01.png

2.1.7 几何数据/Geometry Spatial

截屏2022-08-20 19.31.45.png

2.1.8 属性分类/Attribute Types

截屏2022-08-20 19.33.02.png

2.2 编码 Encode

2.2.1 认知 /Cognition

截屏2022-08-20 19.34.23.png

Perception of raw visual signals, e.g. color, shape, etc.
Pattern recognition
Reasoning and Analysis

2.2.2 图元 / Marks

1. Items/Nodes

截屏2022-08-20 19.36.48.png

2. Links

截屏2022-08-20 19.37.57.png

2.2.3 通道/Channels

A visual channel is a way to control the appearance of marks

截屏2022-08-20 19.38.49.png

2.2.4 编码/Encode

截屏2022-08-20 19.39.52.png

2.2.5 举例/Encode Demo

截屏2022-08-20 19.40.48.png

ltems:Rect

X-axis: Category---» Position

Y-axis: Number--» Length

GroupBy: Category----» Color

截屏2022-08-20 19.40.57.png

2.2.6 编码有效性/Effectiveness

截屏2022-08-20 19.42.16.png

截屏2022-08-20 19.42.25.png

You must consider a continuum of potential interactions between channels for each pair, ranging from the orthogonal and independent separable channels to the inextricably combined integral channels.

截屏2022-08-20 19.43.13.png

2.2.6 编码有EEffective

截屏2022-08-20 20.47.36.png

2.3 交互/Interaction

2.3.1 分类 / Interaction Categories

截屏2022-08-20 20.49.32.png

03. 案例/Cases

1）过多的分类会使得饼图的视觉效果趋于混乱。

2）同样的数据，如果使用柱形图来显示，分类之间的对比就会明显很多

截屏2022-08-20 20.51.03.png

截屏2022-08-20 20.51.37.png

非0基线造成的数据扭曲

截屏2022-08-20 20.52.32.png

1）使用累积数据而不是年份数据，给观众造成逐年销量攀升的假象;

2）另外没有明显的比例尺，看不出数据之间的实际差异

截屏2022-08-20 20.53.26.png

04.学习/Learning

4.1 综合/Comprehensive

截屏2022-08-20 20.54.57.png

4.2 理论/Theory

截屏2022-08-20 20.55.53.png

4.3 编程/ Programming

截屏2022-08-20 20.56.57.png

4.4 前言/Frontier

截屏2022-08-20 20.57.54.png

IEEE Info Vis/VAST/SciVis/

截屏2022-08-20 20.58.03.png

4.5 实践/Practice

截屏2022-08-20 20.59.42.png

4.6 我们在做的事情/About Us

截屏2022-08-20 21.00.25.png

截屏2022-08-20 21.00.33.png

课程总结/Summary

截屏2022-08-20 21.01.30.png