数据可视化入门笔记|青训营笔记
字节青训营|数据可视化入门笔记
这是我参与「第四届青训营 」笔记创作活动的第2天
一、什么是数据可视化?
1.科学可视化
科学实验数据的直观展示
2.信息可视化
对抽象数据的直观展示
3.可视分析
对分析结果的直观展现,及交互式反馈
二、为什么要可视化?
- 记录信息
- 分析推理
- 证实假设
- 交流思想
三、可视化设计原则
能够正确地表达数据中地信息而不产生偏差与歧义。
- 准确的展示数据
- 节省笔墨
- 节省空间
- 消除不必要的“无价值”图形
- 在最短时间内传达最多地信息
方法:
最大化数据墨水占比
\
首先要明白数据墨水、非数据墨水、冗余数据墨水这三个概念。
- 数据墨水:可视化图形当中不可擦除的核心部分
- 非数据墨水:即图形中不核心的部分,如图标的坐标轴,单位等等
- 冗余数据墨水:即重复出现的数据墨水
数据墨水占比即可视化图形中用于展示核心数据的“墨水”在整体可视化所使用的墨水比例
由图片可见提高数据墨水占比的方法就是两种:
- 去除非数据墨水
- 去除冗余数据墨水
四、面向前端的可视化工具介绍
- D3
D3.js是用于数据可视化的开源的js函数库,被认为是最好的js可视化框架之一。
2.Apache ECharts
ECharts是一个使用js实现的开源可视化库,可以流畅运行在PC和移动设备上,兼容绝大数浏览器。
echarts.apache.org/zh/index.ht…
3.Vega
Vega是一种可视化语法,通过其声明式语言,可以用json格式描述可视化的视觉外观和交互行为,并使用Canvas或SVG生成视图