数据可视化 | 青训营笔记

88 阅读2分钟

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

一、什么是数据可视化?

数据可视化是图形表示的数据。它涉及产生将表示的数据之间的关系传达给图像查看者的图像。这种通信是通过在可视化过程中使用图形标记和数据值之间的系统映射来实现的。该映射建立了如何在视觉上表示数据值,确定图形标记的属性(例如大小或颜色)如何以及在多大程度上改变以反映基准值的变化。

二、数据可视化原则

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

三、面向前端的可视化工具

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

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

G2:一套面向常规同级图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。

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

四、最大化数据墨水占比

  • 可视化图形由墨水和空白区域构成
  • 数据墨水:可视化用图形当中不可擦除的核心部分被称之为“数据墨水”
  • 擦除数据墨水将减少图形所传达的信息量
  • 数据墨水占比:可视化图形中用于展示核心数据的“墨水”