information visualisation: data ink design principles

31
Information visualisation Data ink design principles 20 April 2015 Erik Duval Dept. Computerwetenschappen, KULeuven http://erikduval.wordpress.com & @ErikDuval 1

Upload: erik-duval

Post on 15-Jul-2015

284 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Information visualisation: Data ink design principles

Information visualisationData ink design principles

20 April 2015

Erik DuvalDept. Computerwetenschappen, KULeuvenhttp://erikduval.wordpress.com & @ErikDuval

1

Page 2: Information visualisation: Data ink design principles

Tufte’s principles

• Above all else show the data

2

Page 3: Information visualisation: Data ink design principles

• 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

Page 4: Information visualisation: Data ink design principles

Tufte’s principles

• Maximise the data-ink ratio, within reason

• Erase non-data ink, within reason

• Erase redundant data-ink

• Revise and edit

4

Page 5: Information visualisation: Data ink design principles

5  source:  Joey  Cherdarchuk

Page 6: Information visualisation: Data ink design principles

6

<0.05

 source:  Joey  Cherdarchuk

Page 7: Information visualisation: Data ink design principles

7  source:  Joey  Cherdarchuk

Page 8: Information visualisation: Data ink design principles

8  source:  Joey  Cherdarchuk

Page 9: Information visualisation: Data ink design principles

9  source:  Joey  Cherdarchuk

Page 10: Information visualisation: Data ink design principles

10  source:  Joey  Cherdarchuk

Page 11: Information visualisation: Data ink design principles

11  source:  Joey  Cherdarchuk

Page 12: Information visualisation: Data ink design principles

12  source:  Joey  Cherdarchuk

Page 13: Information visualisation: Data ink design principles

13  source:  Joey  Cherdarchuk

Page 14: Information visualisation: Data ink design principles

14  source:  Joey  Cherdarchuk

Page 15: Information visualisation: Data ink design principles

15  source:  Joey  Cherdarchuk

Page 16: Information visualisation: Data ink design principles

16  source:  Joey  Cherdarchuk

Page 17: Information visualisation: Data ink design principles

17  source:  Joey  Cherdarchuk

Page 18: Information visualisation: Data ink design principles

18  source:  Joey  Cherdarchuk

Page 19: Information visualisation: Data ink design principles

19  source:  Joey  Cherdarchuk

Page 20: Information visualisation: Data ink design principles

20  source:  Joey  Cherdarchuk

Page 21: Information visualisation: Data ink design principles

21  source:  Joey  Cherdarchuk

Page 22: Information visualisation: Data ink design principles

22  source:  Joey  Cherdarchuk

Page 23: Information visualisation: Data ink design principles

23  source:  Joey  Cherdarchuk

Page 24: Information visualisation: Data ink design principles

24  source:  Joey  Cherdarchuk

Page 25: Information visualisation: Data ink design principles

25  source:  Joey  Cherdarchuk

Page 26: Information visualisation: Data ink design principles

26  source:  Joey  Cherdarchuk

Page 27: Information visualisation: Data ink design principles

27  source:  Joey  Cherdarchuk

Page 28: Information visualisation: Data ink design principles

28  source:  Joey  Cherdarchuk

Page 29: Information visualisation: Data ink design principles

29  source:  Joey  Cherdarchuk

Page 30: Information visualisation: Data ink design principles

“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

Page 31: Information visualisation: Data ink design principles

?@ErikDuval  

h.p://erikduval.wordpress.com31