投稿入口|热门专题|网站地图|移动官网|微信编辑器|小程序商店
您的当前位置:网站首页 > 大数据 > 大数据应用 > 正文

数据构建与手动编辑的可视化迭代设计

来源:网络整理 编辑:蚂蚁站长 时间:2017-02-22 20:48:06 阅读:

数据构建与手动编辑的可视化迭代设计

文 | Min Lu

目前越来越多的工具支持可视化的生成与编辑,这其中可以分为两类:数据驱动的可视化构建工具以及所见即所得的可视化编辑工具。

数据驱动的可视化构建工具中,有D3、Processing这样的可视化编程语言,也有MircoSoft Excel、Tableau这样的可视化构建软件。此类工具支持数据上载,定义视觉对应关系进而自动生成可视化。

在所见即所得的可视化编辑工具中,如Adobe Illustrator这样的图形化编辑工具,用户交互式地编辑可视化。

在这众多的可视化工具中,设计过程往往是单向的,即在单一的工具中进行可视化构建及编辑。而设计的过程往往是迭代的,需要利用各种工具在各个阶段对设计的可能性进行探索,单一的可视化工具常常不能很好地支持这一需求(例如D3适合数据驱动自动生成而非手动编辑,AI支持手动编辑却不能自动根据数据生成等)。

因此,本文[1]提出了在数据构建和手动编辑相结合的可视化的迭代设计模式,同时实现了原型系统Hanpuku对这一想法进行实验。

本文提出了在不同工具之间的桥接模型(bridge model),能够支持在不同的工具迭代使用,将它们对可视化的构建和编辑融合在一起。桥接模型的基本思想是将融合不同工具对可视化的修改问题抽象为解决冲突的问题,即在不同工具的交替使用中,分离出各工具中的可视化修改,基于合并策略合并这些修改。

具体地,下图1表示了桥接模型中的具体操作流程,包括:

1. 将可视化转化为各工具中的模型表示;

2. 在各工具中对可视化进行编辑;

3. 在各工具中识别修改;

4. 合并修改;

5. 将合并结果整合回各工具中;

6. 导出.

数据构建与手动编辑的可视化迭代设计

图1 桥接模型6个抽象步骤

不同工具间的共同可视化表示

在这6个抽象步骤中,其最基础也是最关键的是在不同工具之间构建出共同的可视化表示,从而识别出各工具对可视化的修改。

本文将一个可视化形式中的元素分为三类:数据绑定的视觉元素,非数据绑定的视觉元素和工具相关的不可转移元素。

例如下图2的可视化中,代表数据的柱形是数据绑定的视觉元素,颜色映射表中的方块则是非数据绑定的视觉元素,工具相关的不可转移元素因工具而异,例如在D3中,不可转移的元素包括了D3的代码,而在AI中,不可转移的元素包括了画布等。

数据构建与手动编辑的可视化迭代设计

图2 可视化中的数据绑定元素和非数据绑定元素示例

在共同的可视化表示的基础上,对每个元素进行唯一的ID指定,由此跟踪、识别在不同的工具中对每个元素的修改。

合并修改

在合并修改中,根据不同的合并策略有不同的结果。合并修改的挑战是合并冲突。在合并冲突时,首要问题是何为冲突。修改是否存在冲突取决于观察修改的层次。在不同层次上,两个工具中的修改可能是冲突的也可能不是冲突的。

如下图3中,在视觉通道这一精细观察层面上, 左支线对图元的位置和形状进行了修改,右支线对图元的颜色进行了修改,在视觉通道(颜色、位置、形状)在这一层面上,修改是不冲突的。而如果在图元这一粗糙观察层面上,两条支线同时对ID =1图元进行修改,是相互冲突的。

数据构建与手动编辑的可视化迭代设计

图3 左右两条支线的修改和合并

而在冲突发生时,合并的方式往往不是唯一的。下图4所示了三种基本的合并方式:保持本地修改、寻找自动合并规则、以及远端修改覆盖本地。并没有哪种合并方式是绝对唯一的,因此此时需要引入人的因素或者更多的环境语义来帮助决策。

图文精选:

Copyright©2012-2030小蚂蚁信息网版权所有 站长QQ:1614558876 粤ICP备14061018号-1


郑重声明:本网站资源、信息来源于网络,完全免费共享,仅供学习和研究使用,版权和著作权归原作者所有,如有不愿意被转载的情况,请通知我们QQ1614558876删除已转载的信息。

知道创宇云安全
Top