数据可视化 | 青训营笔记

74 阅读2分钟

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

什么是数据可视化

对分析结果的直观展望,及交互式反馈,是一个跨领域的方向。

可视化设计原则

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

可视化的一些概念

最大化数据墨水占比

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

什么是视觉感知

  • 感知:指客观事物通过人的感觉器官在人脑中形成的直接反映。
  • 感觉器官:眼、耳朵、鼻子、神经末梢
  • 视觉感知:就是客观事物通过人的视觉在人脑中行程的直接反映。

视觉编码

视觉编码是一种将数据信息(属性+值)映射成可视化元素(可视化符号+视觉通道)的技术

面向前端的可视化工具

常见的前端可视化工具有

  • D3:D3.js是用于数据可视化的开源的JavaScript函数库,被认为是最好的JavaScript可视化框架之一
  • Vega:Vega是一种可视化语法。通过其声明式语言,可以用JSON格式描述可视化的视觉外观和交互行为,并使用Canvas或SVG生成视图
  • G2一套面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和拓展性。使用G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表
  • Echarts,一个使用Javascript实现的开源可视化库,可以顺畅的运行在PC和移动设备上,兼容绝大部分浏览器。