IEEE Trans Vis Comput Graph. 2023 Jan;29(1):559-569. doi: 10.1109/TVCG.2022.3209398. Epub 2022 Dec 21.
A series of recent studies has focused on designing cross-resolution and cross-device visualizations, i.e., responsive visualization, a concept adopted from responsive web design. However, these studies mainly focused on visualizations with a single view to a small number of views, and there are still unresolved questions about how to design responsive multi-view visualizations. In this paper, we present a reusable and generalizable framework for designing responsive multi-view visualizations focused on genomics data. To gain a better understanding of existing design challenges, we review web-based genomics visualization tools in the wild. By characterizing tools based on a taxonomy of responsive designs, we find that responsiveness is rarely supported in existing tools. To distill insights from the survey results in a systematic way, we classify typical view composition patterns, such as "vertically long," "horizontally wide," "circular," and "cross-shaped" compositions. We then identify their usability issues in different resolutions that stem from the composition patterns, as well as discussing approaches to address the issues and to make genomics visualizations responsive. By extending the Gosling visualization grammar to support responsive constructs, we show how these approaches can be supported. A valuable follow-up study would be taking different input modalities into account, such as mouse and touch interactions, which was not considered in our study.
一系列最近的研究集中在设计跨分辨率和跨设备的可视化，即响应式可视化，这一概念源自响应式网页设计。然而，这些研究主要集中在具有单一视图到少数视图的可视化上，关于如何设计响应式多视图可视化仍然存在未解决的问题。在本文中，我们提出了一个针对基因组学数据的可重复使用和可推广的响应式多视图可视化设计框架。为了更好地理解现有的设计挑战，我们回顾了野外的基于网络的基因组学可视化工具。通过基于响应式设计的分类法对工具进行特征描述，我们发现现有工具很少支持响应能力。为了系统地从调查结果中提取见解，我们对典型的视图组合模式进行分类，例如“垂直长”、“水平宽”、“圆形”和“十字形”组合。然后，我们确定了它们在不同分辨率下由于组合模式而产生的可用性问题，并讨论了解决这些问题和使基因组学可视化具有响应能力的方法。通过将 Gosling 可视化语法扩展为支持响应式结构，我们展示了如何支持这些方法。一个有价值的后续研究将考虑不同的输入模式，例如鼠标和触摸交互，这在我们的研究中没有考虑。
