-
Constraint-Based Breakpoints for Responsive Visualization Design and Development
Authors:
Sarah Schöttler,
Jason Dykes,
Jo Wood,
Uta Hinrichs,
Benjamin Bach
Abstract:
This paper introduces constraint-based breakpoints, a technique for designing responsive visualizations for a wide variety of screen sizes and datasets. Breakpoints in responsive visualization define when different visualization designs are shown. Conventionally, breakpoints are static, pre-defined widths, and as such do not account for changes to the visualized dataset or visualization parameters…
▽ More
This paper introduces constraint-based breakpoints, a technique for designing responsive visualizations for a wide variety of screen sizes and datasets. Breakpoints in responsive visualization define when different visualization designs are shown. Conventionally, breakpoints are static, pre-defined widths, and as such do not account for changes to the visualized dataset or visualization parameters. To guarantee readability and efficient use of space across datasets, these static breakpoints would require manual updates. Constraint-based breakpoints solve this by evaluating visualization-specific constraints on the size of visual elements, overlapping elements, and the aspect ratio of the visualization and available space. Once configured, a responsive visualization with constraint-based breakpoints can adapt to different screen sizes for any dataset. We describe a framework that guides designers in creating a stack of visualization designs for different display sizes and defining constraints for each of these designs. We demonstrate constraint-based breakpoints for different data types and their visualizations: geographic data (choropleth map, proportional circle map, Dorling cartogram, hexagonal grid map, bar chart, waffle chart), network data (node-link diagram, adjacency matrix, arc diagram), and multivariate data (scatterplot, heatmap). Interactive demos and supplemental material are available at https://responsive-vis.github.io/breakpoints/.
△ Less
Submitted 2 September, 2024;
originally announced September 2024.
-
Visualization Atlases: Explaining and Exploring Complex Topics through Data, Visualization, and Narration
Authors:
Jinrui Wang,
Xinhuan Shu,
Benjamin Bach,
Uta Hinrichs
Abstract:
This paper defines, analyzes, and discusses the emerging genre of visualization atlases. We currently witness an increase in web-based, data-driven initiatives that call themselves "atlases" while explaining complex, contemporary issues through data and visualizations: climate change, sustainability, AI, or cultural discoveries. To understand this emerging genre and inform their design, study, and…
▽ More
This paper defines, analyzes, and discusses the emerging genre of visualization atlases. We currently witness an increase in web-based, data-driven initiatives that call themselves "atlases" while explaining complex, contemporary issues through data and visualizations: climate change, sustainability, AI, or cultural discoveries. To understand this emerging genre and inform their design, study, and authoring support, we conducted a systematic analysis of 33 visualization atlases and semi-structured interviews with eight visualization atlas creators. Based on our results, we contribute (1) a definition of a visualization atlas as a compendium of (web) pages aimed at explaining and supporting exploration of data about a dedicated topic through data, visualizations and narration. (2) a set of design patterns of 8 design dimensions, (3) insights into the atlas creation from interviews and (4) the definition of 5 visualization atlas genres. We found that visualization atlases are unique in the way they combine i) exploratory visualization, ii) narrative elements from data-driven storytelling and iii) structured navigation mechanisms. They target a wide range of audiences with different levels of domain knowledge, acting as tools for study, communication, and discovery. We conclude with a discussion of current design practices and emerging questions around the ethics and potential real-world impact of visualization atlases, aimed to inform the design and study of visualization atlases.
△ Less
Submitted 14 August, 2024;
originally announced August 2024.
-
Practices and Strategies in Responsive Thematic Map Design: A Report from Design Workshops with Experts
Authors:
Sarah Schöttler,
Uta Hinrichs,
Benjamin Bach
Abstract:
This paper discusses challenges and design strategies in responsive design for thematic maps in information visualization. Thematic maps pose a number of unique challenges for responsiveness, such as inflexible aspect ratios that do not easily adapt to varying screen dimensions, or densely clustered visual elements in urban areas becoming illegible at smaller scales. However, design guidance on ho…
▽ More
This paper discusses challenges and design strategies in responsive design for thematic maps in information visualization. Thematic maps pose a number of unique challenges for responsiveness, such as inflexible aspect ratios that do not easily adapt to varying screen dimensions, or densely clustered visual elements in urban areas becoming illegible at smaller scales. However, design guidance on how to best address these issues is currently lacking. We conducted design sessions with eight professional designers and developers of web-based thematic maps for information visualization. Participants were asked to redesign a given map for various screen sizes and aspect ratios and to describe their reasoning for when and how they adapted the design. We report general observations of practitioners' motivations, decision-making processes, and personal design frameworks. We then derive seven challenges commonly encountered in responsive maps, and 17 strategies to address them, such as repositioning elements, segmenting the map, or using alternative visualizations. We compile these challenges and strategies into an illustrated cheat sheet targeted at anyone designing or learning to design responsive maps. The cheat sheet is available online: https://responsive-vis.github.io/map-cheat-sheet
△ Less
Submitted 30 July, 2024;
originally announced July 2024.
-
From Exploration to End of Life: Unpacking Sustainability in Physicalization Practices
Authors:
Luiz Morais,
Georgia Panagiotidou,
Sarah Hayes,
Tatiana Losev,
Rebecca Noonan,
Uta Hinrichs
Abstract:
Data physicalizations have gained prominence across domains, but their environmental impact has been largely overlooked. This work addresses this gap by investigating the interplay between sustainability and physicalization practices. We conducted interviews with experts from diverse backgrounds, followed by a survey to gather insights into how they approach physicalization projects and reflect on…
▽ More
Data physicalizations have gained prominence across domains, but their environmental impact has been largely overlooked. This work addresses this gap by investigating the interplay between sustainability and physicalization practices. We conducted interviews with experts from diverse backgrounds, followed by a survey to gather insights into how they approach physicalization projects and reflect on sustainability. Our thematic analysis revealed sustainability considerations throughout the entire physicalization life cycle -- a framework that encompasses various stages in a physicalization's existence. Notably, we found no single agreed-upon definition for sustainable physicalizations, highlighting the complexity of integrating sustainability into physicalization practices. We outline sustainability challenges and strategies based on participants' experiences and propose the Sustainable Physicalization Practices (SuPPra) Matrix, providing a structured approach for designers to reflect on and enhance the environmental impact of their future physicalizations.
△ Less
Submitted 15 February, 2024;
originally announced February 2024.
-
Challenges and Opportunities in Data Visualization Education: A Call to Action
Authors:
Benjamin Bach,
Mandy Keck,
Fateme Rajabiyazdi,
Tatiana Losev,
Isabel Meirelles,
Jason Dykes,
Robert S. Laramee,
Mashael AlKadi,
Christina Stoiber,
Samuel Huron,
Charles Perin,
Luiz Morais,
Wolfgang Aigner,
Doris Kosminsky,
Magdalena Boucher,
Søren Knudsen,
Areti Manataki,
Jan Aerts,
Uta Hinrichs,
Jonathan C. Roberts,
Sheelagh Carpendale
Abstract:
This paper is a call to action for research and discussion on data visualization education. As visualization evolves and spreads through our professional and personal lives, we need to understand how to support and empower a broad and diverse community of learners in visualization. Data Visualization is a diverse and dynamic discipline that combines knowledge from different fields, is tailored to…
▽ More
This paper is a call to action for research and discussion on data visualization education. As visualization evolves and spreads through our professional and personal lives, we need to understand how to support and empower a broad and diverse community of learners in visualization. Data Visualization is a diverse and dynamic discipline that combines knowledge from different fields, is tailored to suit diverse audiences and contexts, and frequently incorporates tacit knowledge. This complex nature leads to a series of interrelated challenges for data visualization education. Driven by a lack of consolidated knowledge, overview, and orientation for visualization education, the 21 authors of this paper-educators and researchers in data visualization-identify and describe 19 challenges informed by our collective practical experience. We organize these challenges around seven themes People, Goals & Assessment, Environment, Motivation, Methods, Materials, and Change. Across these themes, we formulate 43 research questions to address these challenges. As part of our call to action, we then conclude with 5 cross-cutting opportunities and respective action items: embrace DIVERSITY+INCLUSION, build COMMUNITIES, conduct RESEARCH, act AGILE, and relish RESPONSIBILITY. We aim to inspire researchers, educators and learners to drive visualization education forward and discuss why, how, who and where we educate, as we learn to use visualization to address challenges across many scales and many domains in a rapidly changing world: viseducationchallenges.github.io.
△ Less
Submitted 15 August, 2023;
originally announced August 2023.
-
Reflections and Considerations on Running Creative Visualization Learning Activities
Authors:
Jonathan C. Roberts,
Benjamin Bach,
Magdalena Boucher,
Fanny Chevalier,
Alexandra Diehl,
Uta Hinrichs,
Samuel Huron,
Andy Kirk,
Søren Knudsen,
Isabel Meirelles,
Rebecca Noonan,
Laura Pelchmann,
Fateme Rajabiyazdi,
Christina Stoiber
Abstract:
This paper draws together nine strategies for creative visualization activities. Teaching visualization often involves running learning activities where students perform tasks that directly support one or more topics that the teacher wishes to address in the lesson. As a group of educators and researchers in visualization, we reflect on our learning experiences. Our activities and experiences rang…
▽ More
This paper draws together nine strategies for creative visualization activities. Teaching visualization often involves running learning activities where students perform tasks that directly support one or more topics that the teacher wishes to address in the lesson. As a group of educators and researchers in visualization, we reflect on our learning experiences. Our activities and experiences range from dividing the tasks into smaller parts, considering different learning materials, to encouraging debate. With this paper, our hope is that we can encourage, inspire, and guide other educators with visualization activities. Our reflections provide an initial starting point of methods and strategies to craft creative visualisation learning activities, and provide a foundation for developing best practices in visualization education.
△ Less
Submitted 20 September, 2022;
originally announced September 2022.
-
Externalizing Transformations of Historical Documents: Opportunities for Provenance-Driven Visualization
Authors:
Tomas Vancisin,
Mary Orr,
Uta Hinrichs
Abstract:
Transcription, annotation, digitization and/or visualization are common transformations that historical documents such as national records, birth/death registers, university records, letters or books undergo. Reasons for those transformations span from the (physical) protection of the original materials to disclosure of 'hidden' information or patterns within the documents. Even though such transf…
▽ More
Transcription, annotation, digitization and/or visualization are common transformations that historical documents such as national records, birth/death registers, university records, letters or books undergo. Reasons for those transformations span from the (physical) protection of the original materials to disclosure of 'hidden' information or patterns within the documents. Even though such transformations bring new insights and perspectives on the documents, they also modify the documents' content, structure, and/or artifactual form and thus, occlude prior knowledge and interpretation. When it comes to visualization as a means to transform historical documents from written to abstract visual form, there is typically little acknowledgment or even understanding of the previous transformation steps these documents have gone through. The 'tremendous rhetorical force' of visualization, we argue, should not be at the expense of the multiple pasts, contexts, and curators that are inherent in historical record collections. Rather, the urgent question for the fields of visualization and the (digital) humanities is how to better support awareness of these multiple layers of interpretation and the people behind them when representing historical documents. We begin to address this question based on a collection of historical university records by (a) investigating common transformation processes of historical documents, and (b) discussing opportunities and challenges for making such transformations transparent through what we call 'provenance-driven visualization'; the idea for a visualization that makes visible the layers of transformation (including interpretation, re-structuring, and curation) inherent in historical documents.
△ Less
Submitted 4 September, 2020;
originally announced September 2020.
-
Design by Immersion: A Transdisciplinary Approach to Problem-Driven Visualizations
Authors:
Kyle Wm. Hall,
Adam J. Bradley,
Uta Hinrichs,
Samuel Huron,
Jo Wood,
Christopher Collins,
Sheelagh Carpendale
Abstract:
While previous work exists on how to conduct and disseminate insights from problem-driven visualization projects and design studies, the literature does not address how to accomplish these goals in transdisciplinary teams in ways that advance all disciplines involved. In this paper we introduce and define a new methodological paradigm we call design by immersion, which provides an alternative pers…
▽ More
While previous work exists on how to conduct and disseminate insights from problem-driven visualization projects and design studies, the literature does not address how to accomplish these goals in transdisciplinary teams in ways that advance all disciplines involved. In this paper we introduce and define a new methodological paradigm we call design by immersion, which provides an alternative perspective on problem-driven visualization work. Design by immersion embeds transdisciplinary experiences at the center of the visualization process by having visualization researchers participate in the work of the target domain (or domain experts participate in visualization research). Based on our own combined experiences of working on cross-disciplinary, problem-driven visualization projects, we present six case studies that expose the opportunities that design by immersion enables, including (1) exploring new domain-inspired visualization design spaces, (2) enriching domain understanding through personal experiences, and (3) building strong transdisciplinary relationships. Furthermore, we illustrate how the process of design by immersion opens up a diverse set of design activities that can be combined in different ways depending on the type of collaboration, project, and goals. Finally, we discuss the challenges and potential pitfalls of design by immersion.
△ Less
Submitted 17 October, 2019; v1 submitted 1 August, 2019;
originally announced August 2019.
