通过分割显示空间在图形级别构建可视化模型
标题:Structuring Visualization Mock-ups at the Graphical Level by Dividing the Display Space
作者:Romain Vuillemot and Jeremy Boy
发表:2017 TVCG (InfoVis)
一、背景
2、可视化的跨界使用
经济学家Ricardo Hausmann在2016上的VIS Keynote上介绍了double treemap和dynamic treemap的应用。
总结类似的设计任务,分为三步:
- 制作容易
- 包含少量细节
- 以建议而不是介绍为目的
5、可视化设计工具
1) 编程:D3, Vega…
2) GUI: Tableau, Voyager…
3) 研究: Data-Driven Guides [Nam 2017 IEEE TVCG], SketchStory [Bongshin 2013 IEEE TVCG]
二、方法
1、模块化和网格
1) 网格:垂直划分和水平划分叠加为网格
2) 模块化:在底层空间上嵌入子模块
2、分割空间:将可视化作为一种内容
1) 分割画布空间
2) 分布图表空间
3、使用代码制作Mock-ups
1) 手绘的缺点:难以调参;难以带入内容
2) 语法:
- 六种图案:水平、垂直、网格、树图、坐标、包围
- 三种操作:嵌套、重叠、连接
- 两种数据变换: 数据属性(数据项、维度、时间点)、数据运算(取值、过滤、频次…)
3) 词汇:对于模块分布,需要定width, height, padding等
4) 例子:文中给出了表格、柱状图、堆叠图、线图、散点图、散点矩阵等多种常见图表的模块化表达。
三、讨论和总结
1、优势:
2、局限: