这是我参与「第五届青训营 」伴学笔记创作活动的第 16 天
什么是数据可视化
对分析结果的直观展望,及交互式反馈,是一个跨领域的方向。
可视化设计原则
- 准确地展示数据
- 节省笔墨
- 节省空间
- 消除不必要的"无价值"的图形
- 在最短时间内传达最大的信息
可视化的一些概念
最大化数据墨水占比
- 可视化由墨水和空白区域构成
- 数据墨水:可视化图形当中不可擦除的核心部分被称之为“数据墨水”
- 擦除数据墨水将减少图形所传达的信息量
- 数据墨水占比:可视化图形中用于展示核心数据的“墨水”在整体可视化所使用的墨水中的比例。
什么是视觉感知
- 感知:指客观事物通过人的感觉器官在人脑中形成的直接反映。
- 感觉器官:眼、耳朵、鼻子、神经末梢
- 视觉感知:就是客观事物通过人的视觉在人脑中行程的直接反映。
视觉编码
视觉编码是一种将数据信息(属性+值)映射成可视化元素(可视化符号+视觉通道)的技术
面向前端的可视化工具
常见的前端可视化工具有
- D3:D3.js是用于数据可视化的开源的JavaScript函数库,被认为是最好的JavaScript可视化框架之一
- Vega:Vega是一种可视化语法。通过其声明式语言,可以用JSON格式描述可视化的视觉外观和交互行为,并使用Canvas或SVG生成视图
- G2一套面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和拓展性。使用G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用Canvas或SVG构建出各种各样的可交互的统计图表
- Echarts,一个使用Javascript实现的开源可视化库,可以顺畅的运行在PC和移动设备上,兼容绝大部分浏览器。