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

72 阅读1分钟

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

当前数据越来越重要,展示数据的方式也越来越丰富,我们有必要去认识一下如何实现数据可视化,了解基础,培养兴趣

什么是数据可视化

分类

  • 科学可视化
  • 信息可视化
  • 可视分析

为什么要数据可视化

  • 记录信息
  • 分析推理
  • 证实假设
  • 交流思想

可视化设计原则和方法

原则:

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

常见的错误可视化

  • 透视失真
  • 图形设计&数据尺度
  • 数据上下文

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

视觉感知

格式塔学派:整体决定部分的性质,部分依从于整体

image.png

就近原则:

image.png

相似原则:

image.png

连续性原则:

image.png

闭合原则:

image.png

共势原则:

image.png

对程性原则:

image.png

图形与背景关系原则

image.png

视觉编码

将数据信息映射成可视化元素的技术(属性+值、可视化符号+视觉通道)

  • 可视化符号:用于在可视化当中表现数据元素或元素之间的关联
  1. 当表示元素时Mark包括:点线面
  2. 当表示关系时Mark包括:闭包、连线
  • 视觉通道:数量通道(数值属性)、标识通道(分类属性)

面向前端的可视化工具介绍

  • Vega(推荐)
  • G2
  • Echart
  • D3