Dupo: A Mixed-Initiative Authoring Tool for Responsive Visualization

Hyeok Kim, Ryan Rossi, Jessica Hullman, Jane Hoffswell

Room: 105

2023-10-26T00:21:00ZGMT-0600Change your timezone on the schedule page
Exemplar figure, described by caption below
Dupo is a mixed-initiative authoring tool for responsive visualization. Using Dupo, a visualization author can make manual edits, such as directly repositioning annotations in the chart. They can explore design alternatives that are automatically generated for different screen types. Design suggestions for mobile screens include simple rescaling, axes transpose, encoding changes, and numbering annotations, for example.
Fast forward
Full Video

Visualization, responsive visualization, mixed-initiative authoring


Designing responsive visualizations for various screen types can be tedious as authors must manage multiple chart~versions across design iterations. Automated approaches for responsive visualization must take into account the user's need for agency in exploring possible design ideas and applying customizations based on their own goals. We design and implement Dupo, a mixed-initiative approach to creating responsive visualizations that combines the agency afforded by a manual interface with automation provided by a recommender system. Given an initial design, users can browse automated design suggestions for a different screen type and make edits to a chosen design, thereby supporting quick prototyping and customizability. Dupo employs a two-step recommender pipeline that first suggests significant design changes (Exploration) followed by more subtle changes (Alteration). We evaluated Dupo with six expert responsive visualization authors. While creating responsive versions of a source design in Dupo, participants could reason about different design suggestions without having to manually prototype them, and thus avoid prematurely fixating on a particular design. This process led participants to create designs that they were satisfied with but which they had previously overlooked.