Volume 25, Issue 3
  • ISSN 0142-5471
  • E-ISSN: 1569-979X
Buy:$35.00 + Taxes



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.


Article metrics loading...

Loading full text...

Full text loading...


  1. Ashwin, C.
    (1979) The ingredients of style in contemporary illustration: A case study. Information Design Journal, 1(1), 51–67. 10.1075/idj.1.1.07ash
    https://doi.org/10.1075/idj.1.1.07ash [Google Scholar]
  2. Bertin, J.
    (1967/1983) Semiology of graphics: Diagrams, networks, maps. University of Wisconsin Press. [original: Sémiologie graphique. Paris: Gauthier-Villars.]
    [Google Scholar]
  3. (1977/1981) Graphics and graphic information processing. Berlin: Walter de Gruyter & Co. [original: Le graphique et le traitement graphique de l’information. Paris: Flammarion.]
    [Google Scholar]
  4. Card, S. K. & Mackinlay, J.
    (1997) The structure of the information visualization design space. InProceedings of the 1997 IEEE Symposium on Information Visualization (InfoVis ’97) (pp.92–99). Washington, DC: IEEE Computer Society.
    [Google Scholar]
  5. Card, S. K., Mackinlay, J., & Shneiderman, B.
    (1999) Readings in information visualization: Using vision to think. San Francisco: Morgan Stanley Kaufmann.
    [Google Scholar]
  6. Engelhardt, Y.
    (2002) The language of graphics. PhD thesis, University of Amsterdam.
  7. Engelhardt, Y. & Richards, C.
    (2018) A framework for analyzing and designing diagrams and graphics. InP. Chapman, G. Stapleton, A. Moktefi, S. Perez-Kriz, & F. Bellucci (Eds.), Diagrams 2018: Diagrammatic representation and inference (pp.201–209). Cham, Switzerland: Springer. 10.1007/978‑3‑319‑91376‑6_20
    https://doi.org/10.1007/978-3-319-91376-6_20 [Google Scholar]
  8. (2020) The DNA framework of visualization. InA. Pietarinen, P. Chapman, L. Bosveld de Smet, V. Giardino, J. Corter, & S. Linker (Eds.), Diagrams 2020: Diagrammatic representation and inference. Cham, Switzerland: Springer. 10.1007/978‑3‑030‑54249‑8_51
    https://doi.org/10.1007/978-3-030-54249-8_51 [Google Scholar]
  9. Gombrich, E. H.
    (1977) Art and illusion (5th ed.). Oxford: Phaidon.
    [Google Scholar]
  10. Heer, J., Bostock, M., & Ogievetsky, V.
    (2010) A tour through the visualization zoo. ACM Queue, 8(5), 1–22. 10.1145/1794514.1805128
    https://doi.org/10.1145/1794514.1805128 [Google Scholar]
  11. Holmes, N.
    (1984) Designer’s guide to creating charts & diagrams. New York: Watson-Guptill.
    [Google Scholar]
  12. Horn, R. E.
    (1998) Visual language: Global communication for the 21st century. Bainbridge Island, WA: MacroVU, Inc.
    [Google Scholar]
  13. Hutchins, M. P. & Adler, M. J.
    (1932) Diagrammatics. New York: Random House.
    [Google Scholar]
  14. Johnson, M.
    (1987) The body in the mind. University of Chicago Press. 10.7208/chicago/9780226177847.001.0001
    https://doi.org/10.7208/chicago/9780226177847.001.0001 [Google Scholar]
  15. Lakoff, G.
    (1987) Women, fire, and dangerous things. The University of Chicago Press. 10.7208/chicago/9780226471013.001.0001
    https://doi.org/10.7208/chicago/9780226471013.001.0001 [Google Scholar]
  16. McCloud, S.
    (1993) Understanding comics: The invisible art. Princeton: Kitchen Sink Press.
    [Google Scholar]
  17. Munzer, T.
    (2014) Visualization analysis and design. Boca Ratan, USA: CRC Press. 10.1201/b17511
    https://doi.org/10.1201/b17511 [Google Scholar]
  18. Richards, C.
    (1984) Diagrammatics. PhD thesis, Royal College of Art, London.
  19. (2000) Getting the picture: Diagram design and the information revolution. Information Design Journal, 9(2/3), 87–110. 10.1075/idj.9.2‑3.01ric
    https://doi.org/10.1075/idj.9.2-3.01ric [Google Scholar]
  20. Richards, C. & Engelhardt, Y.
    (forthcoming). Diagrammatics: The DNA of visualization. InC. Richards Ed. Elements of diagramming: Theoretical frameworks, design methods, domains of practice. London: Routledge.
    [Google Scholar]
  21. Tversky, B.
    (1995) Cognitive origins of graphic productions. InF. T. Marchese (Ed.), Understanding images (pp.29–53). New York: Springer. 10.1007/978‑1‑4613‑8380‑2_4
    https://doi.org/10.1007/978-1-4613-8380-2_4 [Google Scholar]
  22. Twyman, M.
    (1979) A schema for the study of graphic language. InP. A. Kolers, M. E. Wrolstad, & H. Bouma (Eds.), Processing of visible language, v.1 (pp.117–150). New York: Plenum Press. 10.1007/978‑1‑4684‑0994‑9_8
    https://doi.org/10.1007/978-1-4684-0994-9_8 [Google Scholar]
  23. Ware, C.
    (2008) Visual thinking for design. San Francisco: Morgan Kaufmann Publishers.
    [Google Scholar]
  24. Wilkinson, L.
    (2005) The grammar of graphics (2nd ed.). New York: Springer.
    [Google Scholar]
  25. Wills, G.
    (2012) Visualizing time. New York: Springer. 10.1007/978‑0‑387‑77907‑2
    https://doi.org/10.1007/978-0-387-77907-2 [Google Scholar]

Data & Media loading...

This is a required field
Please enter a valid email address
Approval was successful
Invalid data
An Error Occurred
Approval was partially successful, following selected items could not be processed due to error