数据可视化 | 青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天
一、什么是数据可视化
举例:
- 统计图表类型
- 地图
- 体温计
将数据统计成数据可视化形式,例如图表,地图甚至表格
对数据可视化可以分成三类
- 科学可视化 科学实验数据的值观展示
- 信息可视化 对抽象数据的值观展示
- 可视分析 对分析结果的值观展现,及交互式反馈,是一个跨领域的方向
二、为什么要数据可视化
1.记录信息
2.可视化设计原则和方法
原则:能够正确的表达数据中的信息而不产生偏差与奇异
(1)透视失真
-
如果数字是由视觉元素表示的,那么他们应该与视觉元素的感知程度成正比。
-
使用清晰、详细和彻底的标签,以避免图像失真和含糊不清
(2)图形设计&数据尺度
图形的每一部分都会产生对其的视觉预期
- 这些预期往往决定了眼睛实际看到的东西
- 错误的数据洞察,产生于再图形的某个地方发生的不正确的视觉预期推断
一个典型的例子:轴刻度,我们期望它从始至终能够保持连贯且一致
(3)数据上下文
在数据可视化的过程中要注意将数据上下文补全
一个出色的可视化设计可以在最短的时间内,使用最少的空间、用最少的笔墨为观众提供最多的信息内涵。
三、数据可视化工具介绍
1.D3
D3.js是用于数据可视化的开源的JavaScript函数库,被认为是最好的JavaScript可视化框架之一。
2.Vega
vega是一种可视化语法。通过其声明式语言,可以用json格式描述可视化的视觉外观和交互行为,并使用canvas或svg生成视图。