Design Exposition with Literate Visualization

Wood, J., Kachkaev, A. & Dykes, J.

Screen Shot 2018-07-14 at 17.01.20.png

We propose a new approach to the visualization design and communication process, literate visualization, based upon and extending, Donald Knuth’s idea of literate programming. It integrates the process of writing data visualization code with description of the design choices that led to the implementation (design exposition). We develop a model of design exposition characterised by four visualization designer architypes: the evaluator, the autonomist, the didacticist and the rationalist. The model is used to justify the key characteristics of literate visualization: ‘notebook’ documents that integrate live coding input, rendered output and textual narrative; low cost of authoring textual narrative; guidelines to encourage structured visualization design and its documentation. We propose narrative schemas for structuring and validating a wide range of visualization design approaches and models, and branching narratives for capturing alternative designs and design views. We describe a new open source literate visualization environment, litvis, based on a declarative interface to Vega and Vega-Lite through the functional programming language Elm combined with markdown for formatted narrative. We informally assess the approach, its implementation and potential by considering three examples spanning a range of design abstractions: new visualization idioms; validation though visualization algebra; and feminist data visualization. We argue that the rich documentation of the design process provided by literate visualization offers the potential to improve the validity of visualization design and so benefit both academic visualization and visualization practice.


Citation and full paper:

Wood, J.Kachkaev, A. and Dykes, J. (2018). Design exposition with literate visualization. IEEE Transactions on Visualization and Computer Graphics, In Press.

prev / next