九、数据可视化学习笔记 | 青训营笔记

147 阅读3分钟

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

可视化:是利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,再进行交互处理的理论、方法和技术。

可视化类型

可视化主要分为以下三个分支:科学可视化、信息可视化、可视分析学

科学可视化

科学可视化是可视化领域最早、最成熟的一个跨学科研究与应用领域。 面向的领域主要是自然科学,如物理、化学、气象气候、航空航天、医学、生物学等各个学科,这些学科通常需要对数据和模型进行解释、操作与处理,旨在寻找其中的模式、特点、关系以及异常情况。

信息可视化

信息可视化处理的对象是抽象数据集合,起源于统计图形学,又与信息图形、视觉设计等现代技术相关。 其表现形式通常在二维空间,因此关键问题是在有限的展现空间中以直观的方式传达大量的抽象信息。

可视分析学

可视分析学被定义为一门以可视交互为基础的分析推理科学。 它综合了图形学、数据挖掘和人机交互等技术,以可视交互界面为通道,将人感知和认知能力以可视的方式融入数据处理过程,形成人脑智能和机器智能优势互补和相互提升,建立螺旋式信息交流与知识提炼途径,完成有效的分析推理和决策。

数据可视化

数据可视化是指让观察者能够从看到物体到获取到知识,包括在可视化当中记录一些信息、能够进行分析和推理证实和假设思想的交流,通过数据可视化进行数据分析和推理

可视化设计原则和方法

错误的可视化

image.png

图形设计尺度

image.png

image.png

前端可视化工具库

D3:d3js.org/

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

Vega:vega.github.io/vega/

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

G2:g2.antv.vision/zh

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

ECharts:echarts.apache.org/zh/index.ht…

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