information visualisation: data ink design principles

Information visualisationData ink design principles

20 April 2015

Erik DuvalDept. Computerwetenschappen, KULeuvenhttp://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.com31