Semi-Automatic Layout Adaptation for Responsive Multiple-View Visualization Design
Semi-Automatic Layout Adaptation for
Responsive Multiple-View Visualization Design

IEEE Transactions on Visualization and Computer Graphics
Wei Zeng1,    Xi Chen 2,    Yihan Hou1,    Lingdan Shao2,    Zhu Che2,    Remco Chang3
1HKUST(GZ)      2SIAT, CAS      3Tufts University


Abstract:

Multiple-view (MV) visualizations have become ubiquitous for visual communication and exploratory data visualization. However, most existing MV visualizations are designed for the desktop, which can be unsuitable for the continuously evolving displays of varying screen sizes. In this paper, we present a two-stage adaptation framework that supports the automated retargeting and semi-automated tailoring of a desktop MV visualization for rendering on devices with displays of varying sizes. First, we cast layout retargeting as an optimization problem and propose a simulated annealing technique that can automatically preserve the layout of multiple views. Second, we enable fine-tuning for the visual appearance of each view, using a rule-based auto configuration method complemented with an interactive interface for chart-oriented encoding adjustment. To demonstrate the feasibility and expressivity of our proposed approach, we present a gallery of MV visualizations that have been adapted from the desktop to small displays. We also report the result of a user study comparing visualizations generated using our approach with those by existing methods. The outcome indicates that the participants generally prefer visualizations generated using our approach and find them to be easier to use.

[Paper] [Supplementary] [Code] [Demo] [Test Data]