SlideShare a Scribd company logo
Data visualisation
Research uptake workshop
12-14 September 2017
Kilifi, Kenya
http://resyst.lshtm.ac.uk
@RESYSTresearch
In this resource
• Introduce data visualisation and demonstrate its value for research
uptake and communications
• Compare different types of chart
• Share design tips for a visualisation
• Explore online data visualisation tools
• The presentation of data or information in a graphical format
• A way of visually communicating information – often quantitative in
nature – in an accurate, compelling way
What is data visualisation?
Data visualisation
Data visualisation
http://www.nytimes.com/interactive/2012/11/24/opinion/sunday/what-could-disappear.html
The value of data visualisations
• Reveal patterns, relationships or stories in data
• Tell stories in a compelling and immediate way which can be more
memorable than words or tables
Life
expectancy
at birth
19
80
19
82
19
84
19
86
19
88
19
90
19
92
19
94
19
96
19
98
20
00
20
02
20
04
20
06
20
08
20
10
20
12
Botswana 61 62 63 63 64 63 62 59 56 53 51 49 47 47 46 47 47
India 55 56 57 57 58 59 59 60 61 61 62 63 64 64 65 66 66
South
Africa 57 58 59 60 61 62 62 62 61 58 56 54 52 52 53 55 56
Tanzania 51 51 51 51 51 50 50 49 49 49 50 51 53 55 57 59 61
Zimbabwe 59 60 61 61 61 59 57 53 50 46 44 43 43 45 49 54 58
The value of data visualisations
• Visualisations can be easily shared with others
The value of data visualisations
• Effective visualisations can alter perceptions, influence people and
bring about change
Data visualisation
Data visualisation
Data visualisation
Column/bar charts
Pros
• Clear and easy to
read
• Show even small
differences in
values
Cons
• Can be dull
• People rarely stop
and look
Source: The Guardian
http://www.theguardian.com/society/2013/jun/20/one-in-three-women-suffers-violence
Data visualisation
Pie charts
Pros
• Pie charts are
good for showing
percentages.
Cons
• Don’t represent
values accurately,
which makes it
hard to compare
values.
Pie charts
Stacked bars
Pros
• Good alternative
to pie charts when
you have values
adding up to 100%
Cons
• Can be hard to
compare values in
the middle.
• Lose smaller
values
Bubble charts
Bubble charts: optical illusions
Design tips
• Represent the data accurately
• Style the chart simply
• Use colour with caution
• Choose a clear font
• Use annotations to tell a story
Represent the data accurately
Always scale to zero
Represent the data accurately
Don’t use 3D charts
Represent the data accurately
Circle size by area, not radius
Size by radius
Size by area
1
2
4
Represent the data accurately
Provide context
Style the chart simply
Use a limited colour palette
Style the chart simply
Don’t fill with patterns
Style the chart simply
Mute gridlines
Style the chart simply
Order by value
Style the chart simply
Label as directly as possible
Series 1
Series 2
Series 3
0
1
2
3
4
5
6
1990 1995 2000 2005
0
1
2
3
4
5
6
1990 1995 2000 2005
Series 1 Series 2 Series 3
Use colour with caution
monochromatic
complementary
Analogous
(similar)
Use colour with caution
0
5
10
15
20
Monochromatic
colours for a data
map
Complementary
colours to
highlight
Similar colours
to distinguish
data
Bright colours
to emphasise
the important
line
Use colour with caution
Have consideration for the meaning of colours
What is wrong with this picture?
Use colour with caution
Don’t use red and green together
Choose a clear font
For screen
• Calibri
• Helvetica
• Franklin Gothic
• Arial
For print
• Georgia
• Garamond
• Baskerville
• Times New Roman
4. Choose a clear font
Is this easy to read?
Is this easy to read?
Is this easy to read?
Is this easy to read?
IS THIS EASY TO READ?
Is this easy to read?
Use annotations to tell a story
Highlight
important
features
Provide additional
detail, context
Online tools: infogram
https://infogram.com
Organise your information
Find data
Clean data
• Research, WHO data, World Bank data
• In excel, check data is accurate, re-format
Remove
commas,
irrelevant data
Decrease
decimals
Switch rows to
columns (Copy --
Paste Special --
Transpose
Sort data • Into separate spreadsheets for each graphic
Data visualisation
Further resources for data visualisation
• STRIVE/RESYST webinar on data visualisation
• Infogram
• Tableau public
• The noun project
• Knowledge is beautiful – book and website by David McCandless
• The visual display of qualitative information book
This resource was produced by Becky Wolfe © RESYST 2017 and licensed
under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Becky Wolfe is a member of the Consortium for Resilient and Responsive
Health Systems (RESYST). This document is an output from a project funded
by the UK Aid from the UK Department for International Development (DFID)
for the benefit of developing countries. However, the views expressed and
information contained in it are not necessarily those of or endorsed by DFID,
which can accept no responsibility for such views or information or for any
reliance placed on them.

More Related Content

PDF
Small Deep-Neural-Networks: Their Advantages and Their Design
PDF
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
PPTX
Data Visualization - What can you see? #baai17
PDF
Data Visualization
PPTX
Data Visualization
PDF
Identifying Your Audience
PDF
Brief introduction to data visualization
PPTX
Data Visualization
Small Deep-Neural-Networks: Their Advantages and Their Design
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
Data Visualization - What can you see? #baai17
Data Visualization
Data Visualization
Identifying Your Audience
Brief introduction to data visualization
Data Visualization

What's hot (20)

PPTX
Data visualization
PPTX
Data Visualization Design Best Practices Workshop
PDF
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
PDF
Storytelling with Data
PDF
Data visualization
PDF
Data Visualisation
PPTX
Data visualization
PDF
Recommendations at Zillow
PPTX
Data visualisation
PDF
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
PDF
MobileNet - PR044
PPTX
Data Visualization & Data Storytelling
PDF
Superpixel algorithms (whatershed, mean-shift, SLIC, BSLIC), Foolad
PPTX
Build Low Fidelity Wireframes
PDF
Visual analytics
PDF
Data visualization introduction
PDF
The Importance of Data Visualization
PDF
Best Practices for Killer Data Visualization
PPTX
Big Data ppt
PPTX
Data visualization
Data visualization
Data Visualization Design Best Practices Workshop
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
Storytelling with Data
Data visualization
Data Visualisation
Data visualization
Recommendations at Zillow
Data visualisation
Data Visualization: Impact, Intrigue, Value Add for APLIC 2014
MobileNet - PR044
Data Visualization & Data Storytelling
Superpixel algorithms (whatershed, mean-shift, SLIC, BSLIC), Foolad
Build Low Fidelity Wireframes
Visual analytics
Data visualization introduction
The Importance of Data Visualization
Best Practices for Killer Data Visualization
Big Data ppt
Data visualization
Ad

Similar to Data visualisation (20)

PPTX
Introduction to Data Visualization_Day 1.pptx
PDF
principlesofdatavisualisation2021-210407141546.pdf
PDF
Principles of data visualisation 2021
PPTX
Data-Visualization an Introduction of statistics
PPTX
Principles of data visualisation 2020
PDF
Storytelling with data and data visualization
PPTX
Data visualisation as a campaign tool for change
PPTX
TTI PEC Nairobi Workshop - Data Visualisation
PPTX
Data visualization.pptx
PPTX
data visualization and its need and usage
PDF
lsntap1707dataviztools-170726205609.pdf
PDF
Visualizing Your Startup Pitch Deck
PDF
DataViz & Infographics: Design & Publishing Online
PDF
Insights 9: Infographics
 
PDF
Design for Delight
PDF
Visualization Lecture - Clariah Summer School 2018
PPTX
Introduction-to-Data-Visualization (1).pptx
Introduction to Data Visualization_Day 1.pptx
principlesofdatavisualisation2021-210407141546.pdf
Principles of data visualisation 2021
Data-Visualization an Introduction of statistics
Principles of data visualisation 2020
Storytelling with data and data visualization
Data visualisation as a campaign tool for change
TTI PEC Nairobi Workshop - Data Visualisation
Data visualization.pptx
data visualization and its need and usage
lsntap1707dataviztools-170726205609.pdf
Visualizing Your Startup Pitch Deck
DataViz & Infographics: Design & Publishing Online
Insights 9: Infographics
 
Design for Delight
Visualization Lecture - Clariah Summer School 2018
Introduction-to-Data-Visualization (1).pptx
Ad

More from resyst (20)

PDF
Does increasing fiscal space effect government funding for health?
PDF
RESYST research on strategic purchasing
PDF
Nature and effects of multiple funding flows to public healthcare facilities:...
PDF
Using social media for research uptake
PDF
Photos
PDF
Writing for the web
PDF
Writing for policymakers
PDF
Strategic planning for research uptake
PDF
Research uptake and digital communications
PPTX
Gender and ethics in practice: experiences of researchers conducting qualitat...
PPTX
Financial incentives and initiatives to improve the quality of care in South ...
PPTX
The effects of decentralisation on planning, budgeting and overall public fin...
PPTX
Rural origin and the retention of professional nurses in rural areas: a five-...
PPTX
Job choices of nurses trained in private and government institutions Tamil Na...
PDF
Understanding the causal pathways within health systems policy evaluation thr...
PDF
Signs of P4P enhanced functioning of accountability in the health system: exp...
PDF
Tracking implementation and (un)intended consequences of peripheral health fa...
PDF
Longitudinal research tracking the financing of peripheral public health care...
PDF
Do financial incentives undermine health workers intrinisic motivation? - Jos...
PDF
Measuring Quality of Care in Tanzania- Peter Binyaruka
Does increasing fiscal space effect government funding for health?
RESYST research on strategic purchasing
Nature and effects of multiple funding flows to public healthcare facilities:...
Using social media for research uptake
Photos
Writing for the web
Writing for policymakers
Strategic planning for research uptake
Research uptake and digital communications
Gender and ethics in practice: experiences of researchers conducting qualitat...
Financial incentives and initiatives to improve the quality of care in South ...
The effects of decentralisation on planning, budgeting and overall public fin...
Rural origin and the retention of professional nurses in rural areas: a five-...
Job choices of nurses trained in private and government institutions Tamil Na...
Understanding the causal pathways within health systems policy evaluation thr...
Signs of P4P enhanced functioning of accountability in the health system: exp...
Tracking implementation and (un)intended consequences of peripheral health fa...
Longitudinal research tracking the financing of peripheral public health care...
Do financial incentives undermine health workers intrinisic motivation? - Jos...
Measuring Quality of Care in Tanzania- Peter Binyaruka

Recently uploaded (20)

PDF
How FPOs Are Reshaping Agriculture in Maharashtra?
PPTX
Introduction_to_the_Study_of_Globalization.pptx
PDF
Creating Memorable Moments_ Personalized Plant Gifts.pdf
PPTX
Social_Medias_Parents_Education_PPT.pptx
PPT
Adolescent Health Orientation and Health care
DOCX
Alexistogel: Solusi Tepat untuk Anda yang Cari Bandar Toto Macau Resmi
PPTX
PCCR-ROTC-UNIT-ORGANIZATIONAL-STRUCTURE-pptx-Copy (1).pptx
PDF
It Helpdesk Solutions - ArcLight Group
PPTX
Portland FPDR Oregon Legislature 2025.pptx
DOCX
EAPP.docxdffgythjyuikuuiluikluikiukuuuuuu
PPTX
SOMANJAN PRAMANIK_3500032 2042.pptx
PDF
Storytelling youth indigenous from Bolivia 2025.pdf
PDF
Item # 2 - 934 Patterson Specific Use Permit (SUP)
PPTX
sepsis.pptxMNGHGBDHSB KJHDGBSHVCJB KJDCGHBYUHFB SDJKFHDUJ
PDF
PPT Items # 6&7 - 900 Cambridge Oval Right-of-Way
PPTX
GOVERNMENT-ACCOUNTING1. bsa 4 government accounting
PDF
Item # 3 - 934 Patterson Final Review.pdf
PDF
buyers sellers meeting of mangoes in mahabubnagar.pdf
PDF
Item # 5 - 5307 Broadway St final review
PDF
ISO-9001-2015-gap-analysis-checklist-sample.pdf
How FPOs Are Reshaping Agriculture in Maharashtra?
Introduction_to_the_Study_of_Globalization.pptx
Creating Memorable Moments_ Personalized Plant Gifts.pdf
Social_Medias_Parents_Education_PPT.pptx
Adolescent Health Orientation and Health care
Alexistogel: Solusi Tepat untuk Anda yang Cari Bandar Toto Macau Resmi
PCCR-ROTC-UNIT-ORGANIZATIONAL-STRUCTURE-pptx-Copy (1).pptx
It Helpdesk Solutions - ArcLight Group
Portland FPDR Oregon Legislature 2025.pptx
EAPP.docxdffgythjyuikuuiluikluikiukuuuuuu
SOMANJAN PRAMANIK_3500032 2042.pptx
Storytelling youth indigenous from Bolivia 2025.pdf
Item # 2 - 934 Patterson Specific Use Permit (SUP)
sepsis.pptxMNGHGBDHSB KJHDGBSHVCJB KJDCGHBYUHFB SDJKFHDUJ
PPT Items # 6&7 - 900 Cambridge Oval Right-of-Way
GOVERNMENT-ACCOUNTING1. bsa 4 government accounting
Item # 3 - 934 Patterson Final Review.pdf
buyers sellers meeting of mangoes in mahabubnagar.pdf
Item # 5 - 5307 Broadway St final review
ISO-9001-2015-gap-analysis-checklist-sample.pdf

Data visualisation

  • 1. Data visualisation Research uptake workshop 12-14 September 2017 Kilifi, Kenya http://resyst.lshtm.ac.uk @RESYSTresearch
  • 2. In this resource • Introduce data visualisation and demonstrate its value for research uptake and communications • Compare different types of chart • Share design tips for a visualisation • Explore online data visualisation tools
  • 3. • The presentation of data or information in a graphical format • A way of visually communicating information – often quantitative in nature – in an accurate, compelling way What is data visualisation?
  • 7. The value of data visualisations • Reveal patterns, relationships or stories in data • Tell stories in a compelling and immediate way which can be more memorable than words or tables Life expectancy at birth 19 80 19 82 19 84 19 86 19 88 19 90 19 92 19 94 19 96 19 98 20 00 20 02 20 04 20 06 20 08 20 10 20 12 Botswana 61 62 63 63 64 63 62 59 56 53 51 49 47 47 46 47 47 India 55 56 57 57 58 59 59 60 61 61 62 63 64 64 65 66 66 South Africa 57 58 59 60 61 62 62 62 61 58 56 54 52 52 53 55 56 Tanzania 51 51 51 51 51 50 50 49 49 49 50 51 53 55 57 59 61 Zimbabwe 59 60 61 61 61 59 57 53 50 46 44 43 43 45 49 54 58
  • 8. The value of data visualisations • Visualisations can be easily shared with others
  • 9. The value of data visualisations • Effective visualisations can alter perceptions, influence people and bring about change
  • 13. Column/bar charts Pros • Clear and easy to read • Show even small differences in values Cons • Can be dull • People rarely stop and look Source: The Guardian http://www.theguardian.com/society/2013/jun/20/one-in-three-women-suffers-violence
  • 15. Pie charts Pros • Pie charts are good for showing percentages. Cons • Don’t represent values accurately, which makes it hard to compare values.
  • 17. Stacked bars Pros • Good alternative to pie charts when you have values adding up to 100% Cons • Can be hard to compare values in the middle. • Lose smaller values
  • 20. Design tips • Represent the data accurately • Style the chart simply • Use colour with caution • Choose a clear font • Use annotations to tell a story
  • 21. Represent the data accurately Always scale to zero
  • 22. Represent the data accurately Don’t use 3D charts
  • 23. Represent the data accurately Circle size by area, not radius Size by radius Size by area 1 2 4
  • 24. Represent the data accurately Provide context
  • 25. Style the chart simply Use a limited colour palette
  • 26. Style the chart simply Don’t fill with patterns
  • 27. Style the chart simply Mute gridlines
  • 28. Style the chart simply Order by value
  • 29. Style the chart simply Label as directly as possible Series 1 Series 2 Series 3 0 1 2 3 4 5 6 1990 1995 2000 2005 0 1 2 3 4 5 6 1990 1995 2000 2005 Series 1 Series 2 Series 3
  • 30. Use colour with caution monochromatic complementary Analogous (similar)
  • 31. Use colour with caution 0 5 10 15 20 Monochromatic colours for a data map Complementary colours to highlight Similar colours to distinguish data Bright colours to emphasise the important line
  • 32. Use colour with caution Have consideration for the meaning of colours What is wrong with this picture?
  • 33. Use colour with caution Don’t use red and green together
  • 34. Choose a clear font For screen • Calibri • Helvetica • Franklin Gothic • Arial For print • Georgia • Garamond • Baskerville • Times New Roman
  • 35. 4. Choose a clear font Is this easy to read? Is this easy to read? Is this easy to read? Is this easy to read? IS THIS EASY TO READ? Is this easy to read?
  • 36. Use annotations to tell a story Highlight important features Provide additional detail, context
  • 38. Organise your information Find data Clean data • Research, WHO data, World Bank data • In excel, check data is accurate, re-format Remove commas, irrelevant data Decrease decimals Switch rows to columns (Copy -- Paste Special -- Transpose Sort data • Into separate spreadsheets for each graphic
  • 40. Further resources for data visualisation • STRIVE/RESYST webinar on data visualisation • Infogram • Tableau public • The noun project • Knowledge is beautiful – book and website by David McCandless • The visual display of qualitative information book
  • 41. This resource was produced by Becky Wolfe © RESYST 2017 and licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. Becky Wolfe is a member of the Consortium for Resilient and Responsive Health Systems (RESYST). This document is an output from a project funded by the UK Aid from the UK Department for International Development (DFID) for the benefit of developing countries. However, the views expressed and information contained in it are not necessarily those of or endorsed by DFID, which can accept no responsibility for such views or information or for any reliance placed on them.