数据可视化 | 青训营笔记

99 阅读2分钟

数据可视化 | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天

一、什么是数据可视化

举例:

  • 统计图表类型
  • 地图
  • 体温计

将数据统计成数据可视化形式,例如图表,地图甚至表格

对数据可视化可以分成三类

  • 科学可视化 科学实验数据的值观展示
  • 信息可视化 对抽象数据的值观展示
  • 可视分析 对分析结果的值观展现,及交互式反馈,是一个跨领域的方向

二、为什么要数据可视化

1.记录信息

2.可视化设计原则和方法

原则:能够正确的表达数据中的信息而不产生偏差与奇异

(1)透视失真

  • 如果数字是由视觉元素表示的,那么他们应该与视觉元素的感知程度成正比。

  • 使用清晰、详细和彻底的标签,以避免图像失真和含糊不清

(2)图形设计&数据尺度

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

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

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

(3)数据上下文

在数据可视化的过程中要注意将数据上下文补全

一个出色的可视化设计可以在最短的时间内,使用最少的空间、用最少的笔墨为观众提供最多的信息内涵。

三、数据可视化工具介绍

1.D3

D3.js是用于数据可视化的开源的JavaScript函数库,被认为是最好的JavaScript可视化框架之一。

2.Vega

vega是一种可视化语法。通过其声明式语言,可以用json格式描述可视化的视觉外观和交互行为,并使用canvas或svg生成视图。

3.G2

4.ECharts