这是我参与「第五届青训营 」笔记创作活动的第15天。
前言
本节课主要分为以下几个部分
- 数据可视化的基本概念
- 可视化设计的基本原则
- 面向前端的可视化工具
课前预习
课前老师分享了一些资料,使我们初步接触数据可视化基础, 课前需要学员尽可能对可视化有一个感性的认知,可以重点了解一下数据可视化发展简史,同时对不同历史阶段的一些经典可视化作品做扩展阅读,增加兴趣。
另外一些演示工具可以提前体验一下:
- TimeStoryTeller:timelinestoryteller.com/
- Facets:github.com/PAIR-code/f…
- Tableau:www.tableau.com/
当前数据越来越重要,展示数据的方式也越来越丰富,我们有必要去认识一下如何实现数据可视化,了解基础,培养兴趣
什么是数据可视化
分类:
科学可视化、 信息可视化和可视分析学三个学科方向通常被看成可视化的三个主要分支。而将这三个分支整合在一起形成的新学科 “数据可视化”,这是可视化研究领域的新起点。 广义的数据可视化涉及信息技术、自然科学、统计分析、图形学、交互、地理信息等多种学科。
1.科学可视化
科学可视化是科学之中的一个跨学科研究与应用领域,主要关注三维现象的可视化,如建筑学、气象学、医学或生物学方面的各种系统,重点在于对体、面以及光源等等的逼真渲染,目的是以图形方式说明科学数据,使科学家能够从数据中了解、说明和收集规律。
2.信息可视化
信息可视化是研究抽象数据的交互式视觉表示以加强人类认知。 抽象数据包括数字和非数字数据,如地理信息与文本。柱状图、趋势图、流程图、树状图等,都属于信息可视化,这些图形的设计都将抽象的概念转化成为可视化信息。
3 可视分析学
可视分析学是随着科学可视化和信息可视化发展而形成的新领域,重点是通过交互式视觉界面进行分析推理。
为什么要数据可视化:
- 记录信息
- 分析推理
- 证实假设
- 交流思想
可视化设计原则和方法
原则:
能够正确地表达数据中的信息而不产生偏差与歧义
常见的错误可视化:
- 透视失真
- 图形设计&数据尺度
- 数据上下文
准确地展示数据、节省笔墨、节省空间、消除不必要的“无价值”图形、在最短时间内传达最多的信息
在技术上,数据可视化最简单的理解,就是数据空间到图形空间的映射。
ECharts.js 百度出品的一个开源JavaScript数据可视化库
特点:
- 是一个JS插件
- 性能好可流畅运行PC与移动设备
- 兼容主流浏览器
- 提供很多常用图表,且可定制。