数据可视化的交互设计

bonegi2501@rdlu

交互式数据可视化是一种吸引大量受众并为其提供信息的令人兴奋的方式。它们使用户能够专注于有趣的部分和细节，定制内容甚至图形形式，并探索大量数据。在最好的情况下，它们可以带来比静态信息图表或视频更具吸引力的有趣体验。以下是数据可视化和交互式网站交互设计的一些想法和概念，使用了来自网络的11 个示例。

1. 基础知识：按需突出显示和细节
突出显示和按需详细信息是对几乎所有数据可视化有用的交互。

突出显示
Web 的演变是一个很好的例子，说明突出显示如何支持用户专注于可视化 希腊WhatsApp 号码数据 的某些部分。鼠标悬停时会强调彩色、弯曲的网络功能线和浏览器线，使用户可以看到不同浏览器何时采用某个功能。

网络的演变
由Hyperakt提供。浏览更多信息图表。



详细信息按需提供
当用户点击比赛、小组、球队或体育场时，2012 年欧洲足球锦标赛地图交互会显示丰富的弹出窗口。每个弹出窗口都包含详细信息，例如文章标题和游戏的引用。它提供了进一步深入探索的链接，并使用户有机会在社交媒体上发布内容。

2012 年欧洲足球锦标赛日历
浏览更多体育信息图表。



2. 让更多数据可访问：用户驱动的内容选择
交互式可视化的一个主要优点是用户可以更改内容。这种可配置可视化的主要部分成为显示不同结构相似数据集的模板，并且附加控件允许用户更改显示的数据。当以这种方式使用时，交互式可视化可以比类似的静态图形提供更大的数据集。

增量内容变更
在《有多少家庭像你家一样？》根据《纽约时报》的互动，用户可以通过选择主要居民并添加或删除其他居民来选择家庭类型。对于每个更改，可视化中显示的信息都会更新，从而立即提供有关更改的反馈。这种交互使得有关许多不同家庭类型的数据可以轻松访问，而不会令人不知所措。一个很好的细节是不同居民的图形表示。  

向下钻取
我的钱去哪儿了？中的不同支出类别交互式在分层、循环向下钻取导航元素中显示为气泡。当用户选择子支出类别气泡、兄弟支出类别气泡或父支出类别气泡时，导航元素会缩放到所选气泡。气泡大小代表支出金额。

我的钱去哪儿了？
浏览更多数据可视化。



3.以不同方式显示数据：多重协调可视化
单个图形表示通常仅以特定方式同时显示几个维度。例如，地图强调地理位置并记录时间的流动。这些常用的表示通常还具有众所周知的交互，例如地图的平移和缩放。通过组装多个标准件并协调它们，您可以同时显示数据集的不同方面。

使用控制和相关可视化进行内容过滤
《卫报》的《骚乱谣言如何在Twitter 上传播》可视化使用折线图作为气泡图内容的控件。该折线图显示了一段时间内每小时与谣言相关的推文数量，并突出显示了重要事件。气泡图显示了不同的推文、它们与谣言的关系及其影响力。用户可以将可视化作为动画播放并直接与之交互。折线图和气泡图之间的相互作用使用户能够及时探索有趣的点，例如，当谣言相关推文数量开始下降时，查看支持和反对推文之间的比例。

骚乱谣言
浏览更多数据可视化。

在CNN 的主客场互动中，用户可以使用可视化底部的多个控制条形图，按年龄、位置和日期过滤主客场地图上显示的伤亡人员。应用过滤器设置的交集。与Riots 可视化类似，该可视化会在用户拖动滑块时立即更新，从而实现快速内容探索（动态查询）。选择位置也会更新主页地图中显示的区域。

主场和客场
浏览更多信息图表。



跨多个可视化的突出显示和选择
在我的致命地震可视化中，我在地图、时间线和条形图中使用了同步选择和突出显示。用户可以根据地震的震级和伤亡人数来探索地震在地理上和时间上的分布情况。通过选择一组地震并在条形图中突出显示另一组地震，用户还可以比较这两组地震的空间和时间分布。

致命的地震
浏览更多数据可视化。



4.以不同方式显示数据：用户驱动的视觉映射变化
多个协调的可视化同时显示数据的多个视角，从而为每个可视化留下更少的屏幕空间。允许用户为固定可视化类型重新配置从数据到视觉形式的映射（视觉映射）是一种替代方案，有助于最大化可视化大小。

选择预定义的视觉映射
《纽约时报》互动的洪水、停电、降雨和飓风艾琳造成的损害提供了四种不同的地图设置供用户选择。当用户选择不同的设置时，数据及其投影到地图可视化图层的方式会发生变化。该地图（包括飓风的路径）及其旁边的故事提供了一个恒定的参考框架。  

用户驱动的视觉属性的视觉映射更改
在我作为研究项目的一部分创建的人群文档的可视化中，用户可以从一组固定的数据属性和操作中选择显示的区域和颜色数据。色阶也可以用类似的方式调整。与预定义的映射方法相比，通过这种方法，用户可以尝试更多的配置- 代价是减少直接的故事讲述和一些可能无用或令人困惑的设置组合。

Android API 人群文档
浏览更多数据可视化。



5. 整合用户的观点和意见
通过允许用户在可视化中输入自己的观点和意见来吸引用户，这是交互中最令我兴奋的方面。通过将数据显示与用户的个人观点相结合，可视化成为用户对所显示主题的推理过程的更核心部分。

用户观点：权重指标
经合组织美好生活指数可视化让用户可以对住房、生活满意度或教育等不同主题的重要性进行评分，以创建经合组织国家的个性化排名。每个主题的度量均按用户的重要性评级进行加权。可以将个人重要性评级与不同人口统计群体的个人重要性评级进行比较，并且可以在社交媒体上共享个性化排名。

创建您的美好生活指数
浏览更多信息图表。



整合用户的预测
《赫芬顿邮报》的2012 年选举仪表板有一个部分，用户可以在其中预测不同州的结果。通过多次点击每个州，用户可以在奥巴马、罗姆尼和未定之间更改他的预测。

赫芬顿邮报政治选举地图
浏览更多信息图表。

交互在数据可视化设计  中起着至关重要的作用。交互的使用方式远不止这11 种，理解可视化中的交互是一个活跃的研究课题。如果您想了解有关可视化中交互的更多信息，那么这两篇论文是一个不错的起点：Yi 等人的“深入了解交互在信息可视化中的作用”。以及的“交互式动力学视觉分析”。拉尔斯·格拉亚大学的博士生。他研究如何在数据可视化和分析方面为日常用户提供支持。您可以在Twitter @lgrammel和Visual.ly lgrammel上关注他。