数据可视化 | 青训营笔记

109 阅读3分钟

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

什么是数据可视化

数据可视化,就是将相对抽象的的数据通过可视的、交互的方式进行展示,从而形象而又直观地表达出数据蕴含的信息和规律。

简单来说,就是把复杂无序的数据用直观的图像展示出来,这样可以一下就能清晰的发现数据中潜藏的规律。当然啦,数据可视化,不仅仅是统计图表。本质上,任何能够借助于图形的方式展示事物原理、规律、逻辑的方法都叫数据可视化。

利用数据可视化可以更好更高效地提取有价值的信息,帮助决策者发现问题和解决问题。

分类

  • 科学可视化
  • 信息可视化 如:地图图表 从看见问题到获取到知识,如信息分析推理,证实假设以及交流思想。(本文讨论要点)
  • 可视分析 对分析结果的直观展现,交互方式反馈 可视化 人机交互、数据分析

1,2:信息可视化,科学可视化。

2,3:人机交互机器学习。

1,3:信息抽取,数据挖掘。

要点

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

关注要素:颜色元素 、轴刻度 、数据上下文(比较前后看出数据变化趋势)

  1. 最大化数据墨水占比。

data-ink ratio节省笔墨与空间,描绘数据核心的墨水在整体可视化所用的占比。

  1. 信息学设计

格式塔等视觉交互原则

视觉编码

条形的感觉长一点,相较于圆

可视化符号、视觉通道等

工具

  • d3(有一定难度)

  • vega 了解一下图形语法

vega.github.io/vega/

  • g2可视化引擎

有 图表类型转换,新手建议使用最简单的 Ant Design Charts

  • echarts库

自己收集的其他案例

也可以用在论文文献综述中

游戏引擎:unity/u4e

对设计师的意义:未来数字孪生(数字孪生通过为现实的建筑物在数字世界里锚定虚拟建筑实现互联互通。)的趋势,会要求整合更多的复杂数据,用更加直观的方式给到人们。这其中包含了擅长视觉表达的设计师的新机会。

blender 全息城市

raydata 光启元

Glyph

Glyph 是可以同时使用多个视觉通道,例如 图形(shape)、颜色(colour)、文本(texture)、大小(size)、角度(orientation)、比例(aspect ratio)、曲率(curvature)的一种组合图元。同时每个glyph 可以单独被识别出来,为多场融合可视化提供了可能。

比如人脸图,可以通过五官要素对多个变量进行编码。

下图的是一个温度计组件。水银高度和温度计宽度可以用来展现两个变量。通常可以作为散点图的变种。

\

树(图)可视化

点线图

邻接图

通过可视化节点之间的相邻位置关系以展现树的拓扑结构,节点的大小,宽度,可以用来展现另外一个数据维度。

包含图(占比与关系)

CiteSpace 时区图 (关键词与年份关系)

使用教程:zhuanlan.zhihu.com/p/100005213