SlideShare a Scribd company logo
1 of 31
Download to read offline
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

More Related Content

Viewers also liked

Presentatietechnieken
PresentatietechniekenPresentatietechnieken
Presentatietechnieken
Erik Duval
 

Viewers also liked (18)

InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
From scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effectFrom scarcity to abundance and a helping hand from the snowflake effect
From scarcity to abundance and a helping hand from the snowflake effect
 
Open Leren in de Praktijk
Open Leren in de PraktijkOpen Leren in de Praktijk
Open Leren in de Praktijk
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
Research2.0
Research2.0Research2.0
Research2.0
 
Learning from our students
Learning from our studentsLearning from our students
Learning from our students
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015InfoVis1415: slides sessie 10, 4 mei 2015
InfoVis1415: slides sessie 10, 4 mei 2015
 
Entiteit Relatie Model
Entiteit Relatie ModelEntiteit Relatie Model
Entiteit Relatie Model
 
Presentatietechnieken
PresentatietechniekenPresentatietechnieken
Presentatietechnieken
 
InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015InfoVis1415: slides sessie 4, 2 March 2015
InfoVis1415: slides sessie 4, 2 March 2015
 
Nova apresentação da seja mais livre
Nova apresentação da seja mais livreNova apresentação da seja mais livre
Nova apresentação da seja mais livre
 
Data Visualisation by Olivier Lorrain
Data Visualisation by Olivier LorrainData Visualisation by Olivier Lorrain
Data Visualisation by Olivier Lorrain
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
Theory of Data Visualization_Vinu
Theory of Data Visualization_VinuTheory of Data Visualization_Vinu
Theory of Data Visualization_Vinu
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the Surface
 

More from Erik Duval

InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
Erik Duval
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5
Erik Duval
 

More from Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015InfoVis1415: slides sessie 12, 18 mei 2015
InfoVis1415: slides sessie 12, 18 mei 2015
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015InfoVis1415: slides sessie 9, 27 april 2015
InfoVis1415: slides sessie 9, 27 april 2015
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015InfoVis1415: slides sessie 7, 30 March 2015
InfoVis1415: slides sessie 7, 30 March 2015
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer Interaction
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
PenO1: Presenteren
PenO1: PresenterenPenO1: Presenteren
PenO1: Presenteren
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignment
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5
 
Information Visualisation for Big Data
Information Visualisation for Big DataInformation Visualisation for Big Data
Information Visualisation for Big Data
 
Wat na de bachelor?
Wat na de bachelor?Wat na de bachelor?
Wat na de bachelor?
 
Open Leren
Open LerenOpen Leren
Open Leren
 
CHI14: slides sessie 4
CHI14: slides sessie 4CHI14: slides sessie 4
CHI14: slides sessie 4
 

Recently uploaded

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Recently uploaded (20)

UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 

Information visualisation: 
Data ink design principles