The DNA of information design for charts and diagrams
A comprehensive framework is presented for analyzing and specifying an extensive range of visualizations, such as statistical charts, maps, family trees, Venn diagrams, flow charts, texts using indenting, technical drawings and scientific illustrations. This paper describes how the fundamental ‘DNA’ building blocks of visual encoding and composition can be combined into ‘visualization patterns’ that specify these and other types of visualizations. We offer different ways of specifying each visualization pattern, including through a DNA tree diagram and through a rigorously systematic natural language sentence. Using this framework, a design tool is proposed for exploring visualization design options.
Keywords: visual encoding, graphic language, visual grammar, visualization patterns, chart types, design space, diagrammatic DNA
Published online: 22 October 2020
Card, S. K. & Mackinlay, J.
Card, S. K., Mackinlay, J., & Shneiderman, B.
Engelhardt, Y. & Richards, C.
Heer, J., Bostock, M., & Ogievetsky, V.
Horn, R. E.
Richards, C. & Engelhardt, Y.
forthcoming). Diagrammatics: The DNA of visualization. In C. Richards Ed. Elements of diagramming: Theoretical frameworks, design methods, domains of practice London Routledge