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

95 阅读2分钟

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

1.概览

1.1 什么是数据可视化?

任何一种将数据转换成以图形图像形式表示称为数据可视化,我们可以利用数据分析和开发工具发现其中未知信息

生活中常见的数据可视化:如手机内存图,企业的营收表,地图,等等

1.2 数据可视化分类

分为三类:

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

科学可视化

主要围绕科学领域的实验数据的直观展示

信息可视化

对抽像数据的直观展示,例如文本, 地图, 一些复杂系统等等

可视化分析

结合可视化界面,对数据进行分析和推断

1.3 为什么要数据可视化

  • 记录信息:我们可以通过数据可视化来记录数据信息,相比传统的数据记录方式,数据可视化能使得我们记录的信息展示起来更加直观
  • 分析推理:我们可以通过数据可视化图表来分析推理出数据中隐藏的一些信息
  • 证实假设:当我们需要证实假设的时候,需要大量的实验数据作为支撑,数据可视化可以使得数据展现的更为直观
  • 交流思想:与其他人交流思想的时候使用数据可视化能更好的表达你自己想要表达的内容

1.4 可视化设计的原则和方法

  • 正确的表达数据中的信息而不产生偏差与歧义
  • 节省笔墨
  • 节省空间
  • 消除不必要的无价值图形
  • 在最短时间内传递更多信息

一些关于错误的可视化的讲解:

www.vislies.org/2021/galler…

2.数据可视化工具

D3

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

官网:d3js.org/

Vega

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

官网:vega.github.io/vega/

G2

—套面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。使用G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用Canvas 或 SVG构建出各种各样的可交互的统计图表。

官网:g2.antv.antgroup.com/zh

ECharts

ECharts,一个使用JavaScript 实现的开源可视化库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表

官网:echarts.apache.org/zh/index.ht…