Information visualisation

Data ink design principles
20 April 2015
Erik Duval
Dept. Computerwetenschappen, KULeuven
http://erikduval.wordpress.com & @ErikDuval
1
Tufte’s principles
• Above all else show the data
2
• Data ink:“non-erasable core of a graphic...”
(Tufte, 1983)
• Data-ink ratio
= data-ink / total ink
= Proportion of a graphic’s ink devoted to
the non-redundant display of data-
information.
= 1.0 – proportion of graphic that can be
erased without the loss of information
3
Tufte’s principles
• Maximise the data-ink ratio, within reason
• Erase non-data ink, within reason
• Erase redundant data-ink
• Revise and edit
4
5	
  source:	
  Joey	
  Cherdarchuk
6
<0.05
	
  source:	
  Joey	
  Cherdarchuk
7	
  source:	
  Joey	
  Cherdarchuk
8	
  source:	
  Joey	
  Cherdarchuk
9	
  source:	
  Joey	
  Cherdarchuk
10	
  source:	
  Joey	
  Cherdarchuk
11	
  source:	
  Joey	
  Cherdarchuk
12	
  source:	
  Joey	
  Cherdarchuk
13	
  source:	
  Joey	
  Cherdarchuk
14	
  source:	
  Joey	
  Cherdarchuk
15	
  source:	
  Joey	
  Cherdarchuk
16	
  source:	
  Joey	
  Cherdarchuk
17	
  source:	
  Joey	
  Cherdarchuk
18	
  source:	
  Joey	
  Cherdarchuk
19	
  source:	
  Joey	
  Cherdarchuk
20	
  source:	
  Joey	
  Cherdarchuk
21	
  source:	
  Joey	
  Cherdarchuk
22	
  source:	
  Joey	
  Cherdarchuk
23	
  source:	
  Joey	
  Cherdarchuk
24	
  source:	
  Joey	
  Cherdarchuk
25	
  source:	
  Joey	
  Cherdarchuk
26	
  source:	
  Joey	
  Cherdarchuk
27	
  source:	
  Joey	
  Cherdarchuk
28	
  source:	
  Joey	
  Cherdarchuk
29	
  source:	
  Joey	
  Cherdarchuk
“Perfection is achieved not
when there is nothing more
to add, but when there is
nothing left to take away”

Antoine de Saint-Exupery
30
?
@ErikDuval	
  
h.p://erikduval.wordpress.com
31

Information visualisation: 
Data ink design principles