数据可视化基础|青训营笔记

178 阅读3分钟

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

可视化数据的概念和基本原则

生活中的可视化呈现类型很多,像手机储存百分比,或者说是一些柱状图,地图等等......

那究竟什么是数据可视化呢?

任何一种将数据转换成一种可呈现的模式都可以成为数据可视化的呈现

数据可视化分类

科学可视化:包括科学、医学、生物等实验数据的直观展示

信息可视化:对抽象数据的直观展示,更关注抽象和更高纬度的东西

可视分析:对分析结果的直观展示,及交互式反馈,是一个跨领域的方向

为什么要做数据可视化?

  1. 记录信息
  2. 分析推理
  3. 证实假设
  4. 交流思想

糟糕的可视化呈现

image.png

错误的可视化呈现

image.png

可视化设计原则

能够正确地表达数据中的信息而不产生偏差和歧义

Edward R. Tufte曾说:一个出色的可视化设计可在最短的时间内,使用最少的空间、用最少的笔墨为观众提供最多的信息内涵

  1. 准确的展示数据
  2. 节省笔墨
  3. 节省空间
  4. 消除不必要的“无价值”图形
  5. 在最短的时间内传达最多的信息

常见的错误可视化

透视失真

通常发生在3D可视化当中

  • 如果数字是由视觉元素表示的,那么他们应该与视觉元素的感知程度成正比
  • 使用清晰、详细和彻底的标签,以避免图形失真和含糊不清

图形设计&数据尺度

图形的每一部分都会产生对其的视觉预期

  • 这些预期往往决定了眼镜实际看到的东西
  • 错误的数据洞察,产生于在图形的某个地方发生的不正确的视觉预期推理

一个典型的例子:轴刻度,我们期望它从始至终能够保持连贯且一致

image.png

数据上下文

image.png

视觉感知

可视化致力于外部认知,也就是说,怎样利用大脑以外的资源来增强大脑本身的认知能力

什么是视觉感知?

就是客观事物通过人的视觉在人脑中形成的直接反映 总的来说,人类视觉系统观察的是变化,而不是绝对值,并且容易被外界所吸引 在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,比如相对判断和视觉假象,以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。 接下来,我们了解一下什么是格式塔理论? 格式塔学派的理论核心是正题决定部分的性质,部分依从于整体。

就近原则:将数据元素放在靠近的位置,可以突出它们之间的相关性

连续性原则:人们在观察事物的时候会很自然的沿着物体的边界,将不连续的物体视为连续的整体

还有闭合原则、共势原则、对称性原则、图形和背景关系原则。

基础统计图

柱状图、饼图、散点图、折线图

选择合适的图表去解释数据

简单介绍面向前端的可视化工具介绍 D3:D3.js是用于数据可视化的开源的js函数库,被认为是最好的js可视化框架之一 Vega、G2、ECharts......

总结

今日学了可视化数据基础,明白选择一个好的图表来描述数据的重要性,能用最少的文字让人们充分理解就是做到可视化数据的关键