Skip to main content

A Framework for Analyzing and Designing Diagrams and Graphics

  • Conference paper
  • First Online:
Diagrammatic Representation and Inference (Diagrams 2018)

Abstract

A systematic method is presented that describes comprehensively the very broad design space of visualizations and the interrelationships between their constituents. The framework offered here includes three representational modes and fifteen visual encodings principles as the proposed universal building blocks of all types of diagrams and information graphics. The framework provides: 1. A vocabulary and a method for thoroughly analyzing the full spectrum of visual representations of information. 2. A mechanism for exploring previously unexploited combinations of visual encoding principles for representing information. 3. A potential tool for creating alternative representations for any given visualization or data set.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 84.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 109.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Notes

  1. 1.

    Our framework applies to any ‘visual representations (of information)’, ‘diagrams and (information) graphics’ or ‘visualizations’ – terms which are used interchangeably here.

References

  • Bertin, J.: Semiology of Graphics: Diagrams, Networks, Maps. University of Wisconsin Press, Madison (1967/1983). (original: Sémiologie graphique. Gauthier-Villars)

    Google Scholar 

  • Bertin, J.: Graphics and Graphic Information Processing. Walter de Gruyter & Co, Berlin (1977/1981). (original: Le graphique et le traitement graphique de l’information. Flammarion.)

    Google Scholar 

  • Blackwell, A., Engelhardt, Y.: A meta-taxonomy for diagram research. In: Anderson, M., Meyer, B., Olivier, P. (eds.) Diagrammatic Representation and Reasoning, pp. 47–64. Springer, London (2002). https://doi.org/10.1007/978-1-4471-0109-3_3

    Chapter  Google Scholar 

  • Card, S.K., Mackinlay, J.: The structure of the information visualization design space. In: Proceedings of the 1997 IEEE Symposium on Information Visualization (InfoVis 1997), pp. 92–99. IEEE Computer Society, Washington, DC (1997)

    Google Scholar 

  • Engelhardt, Y.: The language of graphics. Ph.D. thesis, University of Amsterdam (2002)

    Google Scholar 

  • Johnson, M.: The Body in the Mind. University of Chicago Press, Chicago (1987)

    Book  Google Scholar 

  • Lakoff, G.: Women, Fire, and Dangerous Things. The University of Chicago Press, Chicago (1987)

    Book  Google Scholar 

  • Maxwell, J.C.: Diagrams. In: Encyclopaedia Britannica, 11th edn. (1910)

    Google Scholar 

  • Peirce, C.S.: The Collected Papers of Charles Sanders Peirce, 4.418. Harvard University Press, Cambridge (1903/1933)

    Google Scholar 

  • Richards, C.J.: Diagrammatics. Ph.D. thesis, Royal College of Art, London (1984)

    Google Scholar 

  • Richards, C.J., Engelhardt, Y.: Diagrammatics: the fundamental modes and building blocks of visual representations. In: Richards, C.J. (ed.) Elements of Diagramming: Theoretical Frameworks, Design Methods, Domains of Practice. Routledge, London (forthcoming)

    Google Scholar 

  • Russell, B.: Vagueness. Australas. J. Psychol. Philos. 1, 84–92 (1923)

    Article  Google Scholar 

  • Tversky, B.: Cognitive origins of graphic productions. In: Marchese, F.T. (ed.) Understanding images, pp. 29–53. Springer, New York (1995)

    Chapter  Google Scholar 

  • Twyman, M.: A schema for the study of graphic language. In: Kolers, P.A., Wrolstad, M.E., Bouma, H. (eds.) Processing of Visible Language, vol. 1, pp. 117–150. Plenum Press, New York (1979)

    Google Scholar 

  • Ware, C.: Visual Thinking for Design. Morgan Kaufmann Publishers, San Francisco (2008)

    Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding authors

Correspondence to Yuri Engelhardt or Clive Richards .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2018 Springer International Publishing AG, part of Springer Nature

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Engelhardt, Y., Richards, C. (2018). A Framework for Analyzing and Designing Diagrams and Graphics. In: Chapman, P., Stapleton, G., Moktefi, A., Perez-Kriz, S., Bellucci, F. (eds) Diagrammatic Representation and Inference. Diagrams 2018. Lecture Notes in Computer Science(), vol 10871. Springer, Cham. https://doi.org/10.1007/978-3-319-91376-6_20

Download citation

  • DOI: https://doi.org/10.1007/978-3-319-91376-6_20

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-319-91375-9

  • Online ISBN: 978-3-319-91376-6

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics