Design Patterns and Trade-offs in Responsive Visualization
Increased amount of access to visualization on mobile devices demand visualizatio authors to creat a visualization that appear across devices, which is referred to as responsive visualization. However, practitioners have limited guidelines or toolings for responsive visualization relative to the degree of its necessity. A first step to sophisticated tool designs for responsive visualization is to undertstand a snapshot of current practices and trade-offs occuring around those practices. Analyzing 378 pairs of desktop and mobile versions of communicative visualizations, our work identifies a set of 76 design patterns and characterize designing responsive visualization as density-message trade-off between adjusting graphical density and maintaining visualization insights. To facilitate reasoning about insight preservation in an automated way, our recent work contributes task-oriented insight preservation measures in terms of identification, comparison, and trend insights.
Hyeok Kim, Dominik Moritz, & Jessica Hullman. 2021. Design patterns and trade-offs in responsive visualization for communication. Computer Graphics Forum (EUROVIS 2021).
Online gallery for responsive visualization.
Hyeok Kim, Ryan Rossi, Abhraneel Sarma, Dominik Moritz, & Jessica Hullman. 2021. An Automated Approach to Reasoning About Task-Oriented Insights in Responsive Visualization. IEEE TVCG (VIS 2021).