CTHRU: A composition-based taxonomy of information graphics

Categorizing images

Perceptual considerations

Data-type and task-based taxonomies

Table 1: Terms from data-type taxonomies

Table 2: Terms from task-based taxonomies

Composition-based taxonomies

The CTHRU Taxonomy

Graphical elements

Transforms

Relational operators

Symbolic Notation

Table 3: Graphical elements, transforms, and relations

shape		o
surface #
position	+
size ×
orientation †
connects	||	A|B|  
"A connects B"

contains {} A{B}
"A contains B"

composed of [] A[B]
"A is composed of B"

corresponds to <> A<B>
"A corresponds to B" or
"A is a function of B"

contextualizes / B/A
"B is in A space" or
"A contextualizes B"

Table 4: Animating graphical elements and transforms

shape       	o   	morph		∆o
surface # resurface ∆#
position    	+   	translation   	∆+
size × scale ∆×
orientation † turn ∆†

Syntax

Table 5: Providing context

/o	shape space
- drawing
/# surface space
- color space
- texture map
- gradient
/+ position/metric space
- Cartesian coordinate frame
/× size/scale space
- space-filling diagram
(pie chart, tree diagram)
/† orientation space
- flow field
- quiver plot
/|| connector space
- network diagrams
- node-link graph
/{} container space
- table
/[] composite space
- mosaic
- tiling
- fractal
/<> correspondence/function space
- color map
(color as a function
of some other property)
/o/+	shape/metric space
- latitude-longitude map
(shape space constrained
by a metric space)

Semantics

Table 6: A few example compositions

  • bar chart: “positioned, scaled objects”
  • scatter plot with scaled icons: “scaled shapes in a metric space”
  • political map of the world with latitude and longitude lines: “different shapes with different surface properties in a metric space”
  • spreadsheet with numbers: “numbers in a container space”
  • flowchart: “directed links connecting different shapes containing text”

Conclusion and future work

References

--

--

--

brain imaging, visualization, mobile health, open science

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Arno Klein

Arno Klein

brain imaging, visualization, mobile health, open science

More from Medium

Computational Design Needs a (Design) raison d’être

Incare Productivity Metrics Dashboard: UX Case Study

Track your team’s activity with Usage Reports

TerramEarth Case Study 2022 — GC Architect design evaluation