数据可视化入门笔记|青训营笔记

110 阅读2分钟

数据可视化入门笔记|青训营笔记

字节青训营|数据可视化入门笔记

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

一、什么是数据可视化?

1.科学可视化

科学实验数据的直观展示

2.信息可视化

对抽象数据的直观展示

3.可视分析

对分析结果的直观展现,及交互式反馈

二、为什么要可视化?

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

三、可视化设计原则

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

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

方法:

最大化数据墨水占比

\

首先要明白数据墨水、非数据墨水、冗余数据墨水这三个概念。

  • 数据墨水:可视化图形当中不可擦除的核心部分
  • 非数据墨水:即图形中不核心的部分,如图标的坐标轴,单位等等
  • 冗余数据墨水:即重复出现的数据墨水

数据墨水占比即可视化图形中用于展示核心数据的“墨水”在整体可视化所使用的墨水比例

由图片可见提高数据墨水占比的方法就是两种:

  • 去除非数据墨水
  • 去除冗余数据墨水

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

  1. D3

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

d3js.org/

2.Apache ECharts

ECharts是一个使用js实现的开源可视化库,可以流畅运行在PC和移动设备上,兼容绝大数浏览器。

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

3.Vega

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