Info & Interaction Design:
Vis Theory

Mick McQuaid

2023-11-27

Week FOURTEEN

grammar of graphics

Wilkinson (2005)

chapter 2, how to make a pie

CODA

Syntax and Semantics

Subsequent chapters of Part I treat each of the concepts

The GoG also includes semantics

Semantics include space, time, and uncertainty

These concepts are treated mathematically in Part II of GoG

Part II

Semantics

We could look at any of the chapters, such as Time or Uncertainty, but we’ll just look at Space for now

Space

Four perspectives on space

  • Terminology
  • Mathematical Space
  • Psychological Space
  • Graphing Space

Terminology

  • graphics frame: a set of tuples ranging over all possible values in the domain of a \(p\)-dimensional varset
  • tuple: a pair \((a,b)\)
  • \(n\)-tuple: a set \(\{a_1,a_2,\ldots,a_n\}\) (note that this means that only pairs and sets can be depicted)
  • graph: a subset of these tuples (note that Wilkinson separate defines graphs differently and we’ll have to deal with that in a few slides from now)
  • graphic: the perceptual realization of a graph

Two kinds of space

  • preceding definitions say that a graph is just a concept, not what we see: the graphic is what we see
  • this means there are two kinds of space
    • underlying space (any space with a mathematical definition)
    • represented space (what we see: always 2\(D\) or 3\(D\))

Example: beadlet anemones

A minimum spanning tree of a rock covered with beadlet anemones

A different layout of the same tree

Display space and underlying space

The display space and the underlying space can have different relationships. If the display space misses information about the underlying space, we may not be able to understand the graphic. The graphic may reflect only part of the graph.

Graphics as a mapping function

\(f: S\rightarrow P\), where \(S\) is the underlying mathematical space and \(P\) is a Euclidean displace space represented by a position aesthetic. (Aesthetics are the things you can see, like texture, orientation, color, etc.)

To fully understand the graphic, you need to know the function \(f\) and the underlying mathematical space \(S\).

Three perspectives on space

  • Mathematical
  • Psychological
  • Graphical

Mathematical space

Mathematical spaces have topological properties, for instance

  • values may be on a continuum
  • values may be categorical and hence isolated from each other
  • values may lie in a compact region
  • values may lie in an unbounded region

Topological space

  • a topological space \(S\) is a set \(X\) and a collection \(T\) of subsets of \(X\) satisfying these axioms
    • the empty set and \(X\) are in \(T\)
    • the union of any number of sets in \(T\) is also in \(T\)
    • the intersection of any two sets in \(T\) is also in \(T\)

Yet more terms

  • the elements of \(X\) are points
  • The set \(T\) is a topology on \(X\)
  • the elements of \(T\) are the open sets of \(X\)
  • a subset of \(X\) is closed if its complement is open
  • any set \(B\) is a basis for \(T\) if every member of \(T\) is a union of members of \(B\)

Using the terms

We could go on to define topologies of the real number line using the previous definitions, but for now we’ll just consider connected, totally disconnected, and discrete spaces

References

Wilkinson, Leland. 2005. The Grammar of Graphics (Statistics and Computing). Secaucus, NJ, USA: Springer-Verlag.

END

Colophon

This slideshow was produced using quarto

Fonts are League Gothic and Lato