第十三章_动画和交互图表.pdfVIP

第十三课 带动画和交互的可视化 学习目标  了解通过数据完成叙述的常用方式  了解动画和交互在可视化中的作用  完成简单带交互的可视化作品 能力目标  能够根据实际场景选择合适的交互和动画方式  能够组合图表 ，动画和交互完成完整的数据仪表板  能够利用工具完成仪表盘和图表叙述 1 交互的作用 数据可视化的系统除了视觉呈现的部分 ，另一个非常重要的要素是用户交互。交互是通过 与系统之间的对话和互动来操控和理解数据过程。如果只是静态的图片或是自动播放的视 频 ，虽然也能够在一定程度上帮助用户理解数据 ，但是效果非常有限。特别是现在数据量 非常大 ，数据结构也非常复杂的情况下 ，有限的可视化空间大大的限制了静态可视化的效 果。交互往往在以下两个方面让可视化更加有效。  缓解有限的可视化空间和数据过载之间的矛盾。 首先 ，有限的屏幕尺寸不足以显示海量的数据。其次 ，常用的二维显示平面对复杂 数据的可视化也提出了挑战。例如多元数据 ，通过交互可以帮助拓展可视化的信息 表达维度和空间。  交互能让用户更好的参与对数据的理解和分析 对于可视化分析系统来说 ，其目的不只是向用户传递定制好的信息 ，更是提供平台 和工具帮助用户探索数据 ，得到结论。在这样的系统中 ，交互是必不可少的。 交互技术 交互技术多种多样 ，每种交互技术适合特定的可视化设计场景。本节简单介绍了一些基本 的交互方法的基本思路 ，特性 ，适应范围和案例。 选择 当数据以非常复杂的方式展现给用户的时候 ，必须有一种方式能使用户标记其感兴趣的部 分 ，以便跟踪变化情况 ，通过鼠标或是其他硬件进行选择 ，这也是最常用的交互手法之一。 我们通常在选择数据点的时候会显示标签 ，这就是选择的交互方式。其中也有一些问题需 要注意 ，如果数据点非常密集 ，选择就会有难度 ，通常要允许放大视图 ，便于选择数据。 另外 ，对标签的设计要也注意必须容易解读 ，明确的指向数据点 ，以及互不遮挡能。 例 如 下 图 就 是 经 济 合 作 组 织 （OECD ）对 各 个 国 家 的 幸 福 指 数 的 可 视 化 （http// ）作品 ，选取某一个国家的花型图表就会进一步 2 显示这个国家的各项指数。这个标签通过柱状图和国家名 ，表达得非常明晰。 导航 导航是可视化系统中最常见的交互手段之一。当可视化数据空间更大的时候 ，通过选定区 域看到局部数据 ，并通过改变焦点观察其他部分的数据。缩放 ，平移和旋转是导航中的三 个最基本的动作。可以通过缩放查看细节和宏观 ，平移查看超出视线范围的部分 ，旋转可 以从不同的方向查看。 如 图 是 plot.ly 上 的 关 于 200 个 国 家 GDP 和 寿 命 期 望 的 展 示 图 （https//plot.ly/~cimar/211/life-expectancy-v-per-capita-gdp-2007/ ），因为国家 很多 ，可以通过缩放 ，平移等方法详细查看每个国家的具体数据。也可以查看某个范围内 的所有国家情况。 3 重配 重配主要是可以为用户提供不同的视角 ，可以重新配置视图 ，重新排列。在图表的可视化 应用中 ，重排列非常常见。主要是克服空间位置距离过大 ，使得两个对象在视觉上的关联 性被降低的问题。 下 图 是 经 合 组 织 的 可 视 化 平 台 （http///OECDregionalstatistics/#story=0 ），在各个国家的人口分布 的透视镜表格中 ，可以选择不同的列 ，从来对比分析不同类型的属性之间的关系 编码 视觉编码是可视化的核心要素。交互的改变数据元素的可视化编码 ，比方说改变颜色编码 ， 更改大小 ，调整坐标轴的刻度方式 ，改变形状等等。或者使用不同的表达方式 ，改变数据 外观 ，都可以直接影响用户对数据的认知。 许多可视化应用都支持通过交互改变简单的颜色或是形状编码。例如下面的经合组织