Toward Responsive Visualization Authoring System
Mobile access to data visualization is increasing everyday, demanding authors to create visualizations for multiple screen types, which is referred to as responsive visualization. However, responsive visualization is not easy because of the lack of guidance in addition to challenges in managing multiple versions of charts. A first step to intelligent responsive visualization authoring systems 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, we contribute task-oriented insight preservation measures in terms of identification, comparison, and trend insights. More recently, we introduce, Cicero, a declarative grammar for responsive visualization to better support related authoring systems.
Hyeok Kim, Dominik Moritz, & Jessica Hullman. 2021. Design patterns and trade-offs in responsive visualization for communication. Computer Graphics Forum (EUROVIS 2021). Preprint. Online gallery for responsive visualization. Supplemental material.
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). Preprint. Supplemental material.
Hyeok Kim, Ryan Rossi, Fan Du, Eunyee Koh, Shunan Guo, Jessica Hullman, & Jane Hoffswell. 2022. Cicero: A Declarative Grammar for Responsive Visualization. ACM CHI 2022. Preprint. Online gallery for Cicero grammar. Supplemental material.