Volume 14 Number 3
The Fold: Rethinking Interactivity in Data Visualization
Abstract
We propose the philosophical notion of the fold as an evocative vocabulary for the design and critique of interactive data visualizations. An expanding range of application areas, such as digital art history and literary studies, illustrates the potential of data visualization for research and education in the humanities. Coinciding with the increasing currency of data as evidence in the humanities, this research addresses a growing interest in data visualization for visual analysis and argumentation. For example, cultural collection visualizations promise a range of possibilities for visual and interactive representations of digital cultural heritage, used both for free exploration and focused research. Based on the concept of the fold, prominently advanced by Gilles Deleuze, this paper outlines a critical framework that draws attention towards the complexity of the underlying data. The fold offers a way to analyze and conceptualize visualizations through the lens of three integrated operations: explication, implication, and complication. It is an opportunity to think of interactive visualizations as portals into coherent, elastic, and ultimately infinite information spaces. Accordingly, it rejects the separation between interactivity and visual encoding and draws attention to the transitions between multiple states of a visualization. We identify design patterns of the fold in data visualizations, devise a framework for the critical interpretation of interactivity in data visualization, and demonstrate the implications for the digital humanities.
Introduction
... its envelopments and developments, its implications and explications, are nonetheless particular movements that must be understood in a universal Unity ... [Deleuze 2006, 25]
Related Work
The Fold
Thinking through the Manifold
Because the world is in the monad, each monad includes every series of the states of the world; but, because the monad is for the world, no one clearly contains the ‘reason’ of the series of which they are all a result, and which remains outside of them, just like the principle of their accord. [Deleuze 2006, 28]
Operations of the Fold
Qualities of the Fold
“... an elastic body still has cohering parts that form a fold, such that they are not separated into parts of parts but are rather divided to infinity in smaller and smaller folds that always retain a certain cohesion.” [Deleuze 2006, 6]Coherence
Elasticity
Infinity
The Fold in Interactive Visualizations
Studying Visualizations through Fold Operations
- a) An interactive mechanism common in network visualizations is selecting a node in a graph to trigger an explication, which “unfolds” into multiple sub-items and thus provides a more granular view on a selection [e.g., Morris 2018]. Network graphs like this are popular in the digital humanities, for instance when visualizing relationships between authors as in this visualization of Johann Wolfgang von Goethe’s social network: https://www.deutsche-biographie.de/graph?id=sfz53095 [Historische Kommission and Bayerische Staatsbibliothek 2010]. On the other side, implication describes the process of reducing a set of items into a collapsed item leading to the reduction of the overall visual complexity.
- b) The explication in a temporal streamgraph stretches an area of interest to display more detail, while compressing the rest of the visualization, similar to the mechanics of an accordion. Focus+Context like accordion drawing or a fish-eye technique is oftentimes used to provide a detailed view on a specific area of interest within a visualization while preserving its context [e.g., Baur et al. 2012, Cuenca et al. 2018, Morawa et al. 2014, Riehmann et al. 2018, Slack et al. 2005]. As one of the main focus of interest, timeline visualizations have been put into practice with this kind of compression technique, as in the “Touch the Time” project (https://www.uni-weimar.de/projekte/vr-scratch/videos/TTT.mp4) [Riehmann et al. 2018].
- c) The visualization of hierarchical data demonstrates a combination of the two previous mechanisms: Through selection of a tree branch, both the number of elements and the level of detail can be increased, while at the same time the branches that are not selected get compressed to provide sufficient space for the newly unfolded subbranches [e.g., Slack et al. 2005]. Relating to humanistic data, one case study is an expandable word tree that enables new ways of text exploration by giving the possibility to move along sequences of words through expansion and reduction of following or preceding words [Wattenberg and Viégas 2008]. Using such a word tree, it is, for instance, possible to gradually unfold all possible sentences that start with the name “Alice” in an interactive word tree version of the book Alice in Wonderland: https://www.jasondavies.com/wordtree/?source=alice-in-wonderland.txt [Davies n.d.]
- a) A linear timeline arranges events solely on the basis of their temporal succession (top). The gradual inclusion of additional event data constitutes a complication, in that further aspects are introduced that differentiate and relate the items (from middle to bottom): The straight line is folded into a curve that positions similar events closer together, using, for example, multidimensional scaling, as in the Time Curves technique (https://aviz.fr/~bbach/timecurves) [Bach et al. 2016].
- b) The two-dimensional visualization of a dataset as a scatterplot (top) can be gradually complicated by the introduction of flower-like glyphs encoding multiple dimensions per element [e.g., Kammer et al. 2018, Stefaner et al. 2014] and by similarity-based positioning. With sliders on the left, each dimension’s influence on the layout can be adjusted [e.g., Goldenberg 2017, Stefaner et al. 2014] (middle and bottom). As an example, such a similarity-based visualization of a country map, calculated through the t-SNE algorithm, lets the user choose between the various factors influencing the layout: https://projects.interacta.io/country-tsne [Rokotyan et al. 2019]]. Furthermore, this project offers a great example of disclosing its mechanisms through a narrative layer which leads visitors through the process under the title “Understanding the data”.
- c) An egocentric network centered around one node (top) can be a starting point [van Ham and Perer 2009] to gradually expand the analysis from a partial to a comprehensive perspective. The complication dissolves the egocentric perspective towards a full view of the network in which the layout is influenced by all nodes and all links become visible (bottom). Similarly, another common approach is the reversed switch from global to egocentric views [e.g., Ortiz 2013]. In the project “Six degrees of Francis Bacon” (http://www.sixdegreesoffrancisbacon.com) [Warren et al. n.d.], it is possible to change the view from a global, forced-directed network graph that is useful to see general patterns and the general network structure, to an egocentric view. Here, the related nodes are arranged on two rings around a selection, based on their degree of separation, making it easier to differentiate between direct and indirect relations.