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

82 阅读2分钟

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

前言

相比于其他的课程,今天的课程我感觉相对有趣一点

本堂课的主要内容

  1. 了解数据可视化的概念和基本原则
  2. 能够识别出不好的,甚至有误导性的可视化呈现
  3. 了解一些面向前端的数据可视化工具

为什么要可视化

可视化可以让数据看的更加清晰,可以让人在短时间比较和发现自己所需要的重要的数据。

数据可视化的分类

截屏2023-02-14 22.54.06.png

数据可视化的意义

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

可视化设计原则和方法

能够正确的表达数据中的信息而不产生偏差和歧义,不能失真(例如透视失真),优秀的可视化设计要节省笔墨,节省时间,消除不必要的图形同时在最短的时间内传达最多的消息

视觉感知

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

人类视觉系统观察的是变化,而不是绝对值,并且容易被边界吸引。在可视化设计中,设计者需要充分考虑到人类感知系统的这些现象,以使得设计的可视化结果不会存在阻碍或误导用户的可视化元素。

前端可视化工具介绍

D3

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

Vega

Vega是一种可视化语法,通过其生命石语言,可以用JSON格斯描述可视化的视觉外观和互动行为,并使用Canvas或SVG生成视图。

G2

Echarts