DeepAI AI Chat
Log In Sign Up

Design Patterns and Trade-Offs in Responsive Visualization for Communication

by   Hyeok Kim, et al.

Increased access to mobile devices motivates the need to design communicative visualizations that are responsive to varying screen sizes. However, relatively little design guidance or tooling is currently available to authors. We contribute a detailed characterization of responsive visualization strategies in communication-oriented visualizations, identifying 76 total strategies by analyzing 378 pairs of large screen (LS) and small screen (SS) visualizations from online articles and reports. Our analysis distinguishes between the Targets of responsive visualization, referring to what elements of a design are changed and Actions representing how targets are changed. We identify key trade-offs related to authors' need to maintain graphical density, referring to the amount of information per pixel, while also maintaining the "message" or intended takeaways for users of a visualization. We discuss implications of our findings for future visualization tool design to support responsive transformation of visualization designs, including requirements for automated recommenders for communication-oriented responsive visualizations.


page 1

page 2

page 6

page 8

page 9

page 10

page 11

page 12


An Automated Approach to Reasoning About Task-Oriented Insights in Responsive Visualization

Authors often transform a large screen visualization for smaller display...

Image or Information? Examining the Nature and Impact of Visualization Perceptual Classification

How do people internalize visualizations: as images or information? In t...

Why Authors Don't Visualize Uncertainty

Clear presentation of uncertainty is an exception rather than rule in me...

Cicero: A Declarative Grammar for Responsive Visualization

Designing responsive visualizations can be cast as applying transformati...

What is the message? Perspectives on Visual Data Communication

Data visualizations are used to communicate messages to diverse audience...

Towards Autocomplete Strategies for Visualization Construction

Constructive visualization uses physical data units - tokens - to enable...