SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Andere mochten auch

Presentatietechnieken
PresentatietechniekenPresentatietechnieken
Presentatietechnieken
Erik Duval
 

Andere mochten auch (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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
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
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
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
 

Kürzlich hochgeladen (20)

PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
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...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
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.
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
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
 
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.
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
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
 
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
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
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
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.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 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
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 

Information visualisation: 
Data ink design principles