表的多维世界
如果无法正常显示,请先停止浏览器的去广告插件。
1. 表的多维世界
@缨缨 @白弦
蚂蚁集团AntV工程师 蚂蚁集团体验设计师
2. 设计篇
技术篇
3. What Why
什么是多维表? 为什么要用表格?
How
多维表怎么设计?
4. 提到 表 大家会想到
5. Ant Design 一维表格
语雀电子表格
6. What
什么是 多维表 ?
7.
8.
9. Why
为什么用 多维表 ?
10. 蚂蚁内部数据产品中 表的使用占比过半
11. 多维表的主要用户和使用场景
面向有 分析诉求 的用户,进行 海量数据分析 的场景
12. 高管
分析师
技术
运营
13. 高管
分析师
技术
酷炫大屏
(图为2019年已对外公布的数据)
运营
14. 高管
分析师
技术
2019
3644.64 3644.64 85.96% 3644.64
9725.85 9725.85 86.56% 9725.85
3471.67 3471.67 81.30% 3471.67
9920.27 9920.27 28.87% 9920.27
9920.27 9920.27 28.87% 9920.27
9920.27 9920.27 28.87% 9920.27
3471.67 3471.67 99.19% 3471.67
9920.27 9920.27 23.57% 9920.27
9920.27 9920.27 23.57% 9920.27
9920.27 9920.27 79.63% 9920.27 9920.27 9920.27 9920.27
↑
2021
2020
85.96% 3644.64
86.56% 9725.85
81.30% 3471.67
28.87% 9920.27
28.87% 9920.27
28.87% 9920.27
99.19% 3471.67
23.57% 9920.27
23.57% 9920.27
9920.27 ↑ 79.63% 79.63% 9920.27 79.63% 9920.27
↑
85.96% 3644.64
86.56% 9725.85
81.30% 3471.67
28.87% 9920.27
28.87% 9920.27
28.87% 9920.27
99.19% 3471.67
23.57% 9920.27
23.57% 9920.27
9920.27 ↑ 79.63% ↑ 79.63% 9920.27 ↑ 79.63% 9920.27
↑
↑
↑
↑
↑
↑
↑
↑
运营
2021-Q1
↑
85.96% 3644.64
86.56% 9725.85
81.30% 3471.67
28.87% 9920.27
28.87% 9920.27
28.87% 9920.27
99.19% 3471.67
23.57% 9920.27
23.57% 9920.27
9920.27 ↑ 79.63% ↑ 79.63% 9920.27 ↑ 79.63% 9920.27
↑
↑
↑
↑
↑
↑
↑
↑
85.96% 3644.64
86.56% 9725.85
81.30% 3471.67
28.87% 9920.27
28.87% 9920.27
28.87% 9920.27
99.19% 3471.67
23.57% 9920.27
23.57% 9920.27
9920.27 ↑ 79.63% ↑ 79.63% 9920.27 ↑ 79.63% 9920.27
↑
↑
↑
↑
↑
↑
↑
↑
日常看数中,高层领导每日核心指标的监控
(图为虚构数据)
↑
2021-Q2
↑
2021-Q3
85.96% 3644.64
86.56% 9725.85
81.30% 3471.67
28.87% 9920.27
28.87% 9920.27
28.87% 9920.27
99.19% 3471.67
23.57% 9920.27
23.57% 9920.27
9920.27 ↑ 79.63% ↑ 79.63% 9920.27 ↑ 79.63% 9920.27
↑
↑
↑
↑
↑
↑
↑
↑
↑
2021-Q4
↑
85.96% 3644.64 86.56% 9725.85 81.30% 3471.67 28.87% 9920.27 28.87% 9920.27 28.87% 9920.27 99.19% 3471.67 23.57% 9920.27 23.57% 9920.27 9920.27 ↑ 79.63% 9920.27 ↑ 79.63%
↑ 79.63% 9920.27 ↑ 79.63% 9920.27 ↑ 79.63%
↑ 79.63% 9920.27 ↑ 79.63% 9920.27 ↑ 79.63%
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
↑
85.96%
86.56%
81.30%
28.87%
28.87%
28.87%
99.19%
23.57%
23.57%
15. 高管
分析师
9676.10
1244.51
2021-11-10
6456.85
6456.85
1676.10
8603.74
2021-11-09
793.96
1244.51
2376.10
↑
技术
85.96% 9676.10
86.56% 1244.51
81.30% 6456.85
28.87% 6456.85
28.87% 1676.10
28.87% 8603.74
99.19% 793.96
↑ 23.57% 1244.51
↑
↑
↑
↑
↑
↑
↑
23.57%
2376.10
↑
85.96% 48.56%
86.56% 39.73%
81.30% 75.89%
28.87% 66.85%
28.87% 1676.10
28.87% 17.90%
99.19% 50.83%
↑ 23.57% 67.8%
↑
↑
↑
↑
↑
↑
↑
23.57%
64.90%
↑
运营
85.96% 9676.10
86.56% 1244.51
81.30% 6456.85
28.87% 6456.85
28.87% 1676.10
28.87% 8603.74
99.19% 793.96
↑ 23.57% 1244.51
↑
↑
↑
↑
↑
↑
↑
23.57%
2376.10
分析师通过表格明细数据对比每个指标下的业务贡献度
(图为虚构数据)
↑
85.96% 48.56%
86.56% 39.73%
81.30% 75.89%
28.87% 66.85%
28.87% 1676.10
28.87% 17.90%
99.19% 50.83%
↑ 23.57% 67.8%
↑
↑
↑
↑
↑
↑
↑
23.57%
64.90%
↑
↑
↑
↑
↑
↑
↑
85.96%
86.56%
81.30%
28.87%
28.87%
28.87%
99.19%
↑ 23.57%
↑
23.57%
16. 高管
分析师
技术
ReactPivot
9676.10
↑
52.53% 9676.10 514.42
↑ 60.34% ↑ 34.22%
1244.51 1244.51 6456.85
运营
ReactPivot
9676.10 514.42
23.23% 9676.10
↑
52.53% 9676.10 514.42 23.23% 9676.10
↑
52.53% ↑ 60.34% ↑ 34.22%
↑ 60.34% ↑ 34.22% 902.77 902.77 1244.51 1244.51 902.77 902.77 1244.51 1244.51 902.77 902.77
6456.85 312.26 312.26 6456.85 6456.85 312.26 312.26 6456.85 6456.85 312.26 312.26
34.83% 34.83% 714.82 714.82 34.83% 34.83% 714.82 714.82 34.83% 34.83% 714.82 714.82
1655.92 1655.92 373.67 373.67 1655.92 1655.92 373.67 373.67 1655.92 1655.92 373.67 373.67
8603.74 8603.74 586.85 586.85 8603.74 8603.74 586.85 586.85 8603.74 8603.74 586.85 586.85
793.96 793.96 211.18 211.18 793.96 793.96 211.18 211.18 793.96 793.96 211.18 211.18
1244.51 1244.51 450.90 450.90 1244.51 1244.51 450.90 450.90 1244.51 1244.51 450.90 450.90
6456.85 6456.85 238.47 238.47 6456.85 6456.85 238.47 238.47 6456.85 6456.85 238.47 238.47
↑
514.42
ReactPivot
技术同学通过表监控产品性能
(图为虚构数据)
↑
514.42
↑
514.42
23.23%
17. 高管
分析师
技术
运营
%
100%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
运营通过多维表从不同⻆度切入完成数据分析
(图为虚构数据)
18. 岗位 为 白领 的 用户数
维度
维值
指标值
%
100%
⻆头
行头
列头
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
数据单元格
99.56%
多维表构成
19. 岗位 为 白领 的 用户数
维度
维值
指标值
%
100%
⻆头
行头
列头
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
数据单元格
99.56%
⻆头显示维度
20. 岗位 为 白领 的 用户数
维度
维值
指标值
%
100%
⻆头
行头
列头
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
数据单元格
99.56%
行列头显示维值或指标名
21. 岗位 为 白领 的 用户数
维度
维值
指标值
%
100%
⻆头
行头
列头
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56% 99.56%
数据单元格
99.56%
数据单元格显示指标值
22. 内部数据产品存在的痛点问题 多表体验不一致,设计技术难维护
(图为虚构数据)
AntV S2 多维表
23. How
多维表怎么 设计 ?
24. 围绕用户场景和行为构成 表的设计体系
88%
60%
23%
88%
25. 重点分享表分析场景中的 常用分析能力
26. 数据在哪
每个个体,每天的所⻅所闻
都在无形中生产着这个世界的数据
27. 数据就在身边
《我,及家人们的一天》
28. ?
每天都在做什么呢?
29. 时间
凌晨
上午
中午
年龄 成员 00 01 02 03 04 05 06 07 08 09 10 11 12
90后 我 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作
13
吃
饭
下午
晚上
14 15 16 17 18 19 20 21 22 23
午
休 工
作 工
作 工
作 工
作 吃
饭 运
动 通
勤 工
作 工
作
30. 时间
年龄
60后
上午
中午
下午
晚上
成员 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23
爸 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 工
作 工
作 工
作 吃
饭 工
作 工
作 工
作 工
作 工
作 工
作
妈 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 接
送 运
动 做
饭 吃
饭 午
休 午
休 午
休 运
动 运
动 运
动 接
送 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
哥 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 工
作 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
姐 运
动 吃
饭 打
扫 娱
乐 娱
乐 洗
漱 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作
妹 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 晨
练 学
习 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 通
勤 娱
乐 娱
乐 学
习 睡
觉
我 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 娱
乐 运
动 工
作 工
作 娱
乐
他 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 运
动 通
勤 工
作 工
作 娱
乐
侄 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 上
学 上
学 吃
饭 午
休 午
休 上
学 上
学 上
学 上
学 通
勤 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
猫 吃
饭 跑
酷 跑
酷 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 跑
酷 睡
觉 睡
觉 睡
觉 吃
饭 睡
觉 睡
觉 睡
觉 睡
觉 吃
饭 跑
酷 跑
酷 跑
酷 睡
觉 睡
觉
80后
90后
凌晨
00后
31. ?
时间,都去哪了?
32. 使用颜色「不同色相」 标记 「不同的事情」
睡觉
工作
上学
吃饭
学习
娱乐
运动
其他
33. 时间
年龄
60后
上午
中午
下午
晚上
成员 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23
爸 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 工
作 工
作 工
作 吃
饭 工
作 工
作 工
作 工
作 工
作 吃
饭
妈 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 接
送 运
动 做
饭 吃
饭 午
休 午
休 午
休 运
动 运
动 运
动 接
送 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
哥 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 工
作 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
姐 运
动 吃
饭 打
扫 娱
乐 娱
乐 娱
乐 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作
妹 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 晨
练 看
书 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 通
勤 娱
乐 娱
乐 看
书 睡
觉
我 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 工
作 运
动 工
作 工
作 娱
乐
他 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 运
动 通
勤 工
作 工
作 娱
乐
侄 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 上
学 上
学 吃
饭 午
休 午
休 上
学 上
学 上
学 上
学 通
勤 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐
猫 吃
饭 跑
酷 跑
酷 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 跑
酷 睡
觉 睡
觉 睡
觉 吃
饭 睡
觉 睡
觉 睡
觉 睡
觉 吃
饭 跑
酷 跑
酷 跑
酷 睡
觉 睡
觉
80后
90后
凌晨
00后
34. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
35. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
36. 睡觉
工作
上学
吃饭
时间
年龄 成员
60后 爸
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
37. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
38. ?
网友,我们什么时候可以视频通个话?
39. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
40. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
41. ?
只要不在睡觉或工作,我们就可以⻅面了
42. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
43. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
44. 睡觉
工作
上学
吃饭
时间
年龄
成员
爸
60后
妈
哥
80后
姐
妹
90后
我
他
侄
00后
猫
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
45. 重点分享表分析场景中的 常用分析能力
字段标记:通过不同的色彩、形状等不同的映射通道对数据字段进行可视化标记的手法
46. 字段标记:通过不同的色彩、形状等不同的映射通道对数据字段进行可视化标记的手法
映射通道
映射对象
80
80
47. 10 20
60
40 10
80
50 70
30
10
70
30
10 20
60
40 10
80
50 70
30
10
20 10 70
60 80 30
40 50 20
60
40 10
80
50 20 10
70
60 80
30
40 50
10
80 60 ↓ 20
↓
50 10
40
48. ?
谁睡得最多?
49. 睡觉
工作
上学
吃饭
时间
年龄
成员
00
01
02
60后
妈
哥
80后
姐
1个
90后
我
他
侄
00后
猫
娱乐
运动
凌晨
爸
妹
看书
2个
3个…
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
23
50. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
我 9 9
他 9 9
9 0
14 0
60后
80后
90后
侄
00后
猫
51. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
9 7
妹 10 6
我 9 9
他 9 9
9 0
14 0
60后
80后
姐
90后
侄
00后
猫
1
52. 重点分享表分析场景中的 常用分析能力
统计方式:根据不同看数目的提供相应的统计值,帮助用户减少心算负担,提高分析效率
53. 统计方式:根据不同看数目的提供相应的统计值,帮助用户减少心算负担,提高分析效率
看趋势 看对比 看排名
合计、小计 差值、平均值、中位值、最大最小 Top 3 、Top N
8 9 17 9 14 - 5 12 14 1
12 14 26 9 0 + 9 9 10 2
9 10 19 3 4 - 1 9 9 3
9 9 18 2 6 - 4 8 9 4
54. ?
谁的生活最多姿多彩?
55. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
我 9 9
他 9 9
9 0
14 0
60后
80后
90后
侄
00后
猫
56. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
我 9 9
他 9 9
9 0
14 0
60后
80后
90后
侄
00后
猫
57. ?
我妹在看什么书?
58. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
我 9 9
他 9 9
9 0
14 0
60后
80后
90后
侄
00后
猫
59. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
9 9
9 9
9 0
14 0
60后
80后
90后
我
90后妹上午9点
看书《亲爱的数据》
他
侄
00后
猫
60. 重点分享表分析场景中的 常用分析能力
信息组件:聚焦目标数据时的信息补充说明,减少不必要的操作跳转
61. 组件信息:聚焦目标数据时的信息补充说明,减少不必要的操作跳转
作用对象
交互操作
信息反馈
位置
⻆头
行头
高频
列头
数据单元格
Hover
重
要
低频
工具栏
180
统计信息
!
Click
94.1% 93.3% 92.3%
解读信息
50%
50%
/
数据类型
数值
链接
…
/
23%
23%
Drag
12%
12%
轴信息(当前位置)
2020/
price
文本
图片
2,057.17
数据点明细信息
20.99
-26%
+10%
+13,240
次
要
操作提示信息
62. Hover
⻆头
行头
⻆头
行头
Click
列头
数值
9
9
14
0
文本
9
我,睡觉
时⻓
9 小时
14 下钻
9
0
我,睡觉
时⻓
9 小时
9
9
14
0
下钻
4项 已选择
合计
32 小时
列头
下钻
下钻
图片
9点,妹
看书
⻆头
Drag
《亲爱的数据》
9点,妹 4项 已选择
看书 合计
《亲爱的数据》
3 本书
列头
数据单元格
9
9
睡觉
14
0
这里是睡觉的解释
9
9
睡觉合计
14 9 14
0
23 小时 9 0
2项 已选择
4项 已选择
睡觉合计 23 小时
工作合计
9 小时
63. ?
还看过什么书?
64. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
9 9
9 9
9 0
14 0
60后
80后
90后
我
90后妹上午9点
看书《亲爱的数据》
他
侄
00后
猫
65. 睡觉
工作
上学
吃饭
时间
年龄
成员
看书
娱乐
运动
凌晨
00
01
02
03
其他(接送、做饭、通勤、打扫等)
上午
04
05
06
07
08
09
中午
10
11
12
13
下午
14
15
16
晚上
17
18
19
20
21
22
合计(时)
23
睡觉 工作
爸 10 11
妈 10 4
哥 10 7
姐 9 7
妹 10 6
9 9
9 9
9 0
14 0
60后
80后
90后
我
下钻
90后妹上午9点
看书《亲爱的数据》
他
侄
00后
猫
66. 全部 / 90后妹上午9点看书
Dear Data Storytelling with Data
Show Me the Numbers Cool Infographics
Visualizing Data
The Visual Display…
Information Dashboard… Design for Information
书籍数据来源: http://visualizationuniverse.com/books/?sortBy=volume&sortDir=desc
Graphic Design…
Beautiful Visualization
67. 重点分享表分析场景中的 常用分析能力
68. Before
After
69. 用户目的
大家每天都在做什么?
时间都花在哪了?
我和我姐什么时候可以视频通话
谁睡得最多?
我妹在看什么书?
具体什么书?
分析链路
分析能力
时间 早
中
晚
成员 一天的事情
设计呈现
70. 表 还能怎么玩?
71.
72. 时间
年龄
60后
00后
上午
中午
下午
晚上
成员 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
爸 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 吃
饭 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作 工
作
妈 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 接
送 运
动 做
饭 吃
饭 午
休 午
休 午
休 运
动 运
动 运
动 运
动 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐 娱
乐
哥 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐 娱
乐
姐 运
动 吃
饭 打
扫 娱
乐 娱
乐 洗
漱 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 工
作 工
作 工
作 午
休 工
作 工
作 工
作 工
作 工
作
妹 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 晨
练 学
习 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 通
勤 娱
乐 洗
漱 看
书 睡
觉
我 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 工
作 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 运
动 通
勤 工
作 工
作 娱
乐
他 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 工
作 工
作 吃
饭 午
休 工
作 工
作 工
作 工
作 吃
饭 撸
猫 运
动 工
作 工
作 娱
乐
侄 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 通
勤 上
学 上
学 上
学 吃
饭 午
休 上
学 上
学 上
学 上
学 通
勤 吃
饭 娱
乐 娱
乐 娱
乐 娱
乐 娱
乐
猫 跑
酷 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 早
饭 跑
酷 睡
觉 睡
觉 睡
觉 吃
饭 睡
觉 睡
觉 睡
觉 睡
觉 睡
觉 吃
饭 被
撸 跑
酷 跑
酷 跑
酷 吃
饭
80后
90后
凌晨
73.
74. 谢谢观看