data visualisation - london · types of data visualisation three key types: 1. static images,...
TRANSCRIPT
![Page 1: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/1.jpg)
Data visualisation
@olliecarrington
Oliver Carrington
Impact & Evaluation Manager,
Imperial Health Charity
How funders can use it for
insights & communication
@imperialcharity
![Page 2: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/2.jpg)
What is data visualisation?
• A catch-all term for presenting information
in a visual way
• Aim to be a clear & engaging way to help
people better understand data
• It isn’t new, but the public has an
increasing appetite for it
![Page 3: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/3.jpg)
![Page 4: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/4.jpg)
Data viz gives life to stats
![Page 5: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/5.jpg)
![Page 6: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/6.jpg)
![Page 7: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/7.jpg)
![Page 8: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/8.jpg)
Types of data visualisation
Three key types:
1. Static images, charts & infographics
2. Interactive dashboards
3. Animations & videos
![Page 9: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/9.jpg)
Dashboards
Charts
Animations
![Page 10: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/10.jpg)
![Page 11: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/11.jpg)
Dashboards
Charts
Animations
![Page 12: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/12.jpg)
![Page 13: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/13.jpg)
![Page 14: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/14.jpg)
![Page 15: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/15.jpg)
Dashboards
Charts
Animations
![Page 16: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/16.jpg)
![Page 17: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/17.jpg)
How can funders use it?
Two top reasons:
1. Communications & policy—help explain
or highlight our complicated work
2. Find insights & trends from grants—help
us make decisions
![Page 18: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/18.jpg)
Insights
Comms
![Page 19: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/19.jpg)
Green Funders – Where the green grants went edition 7
https://www.greenfunders.org/where-the-green-grants-went-7
![Page 20: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/20.jpg)
Lloyds Bank Foundation for England and Wales - 2018 Impact Report
https://www.lloydsbankfoundation.org.uk/2018%20%20Impact%20Report.pdf
![Page 21: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/21.jpg)
Insights
Comms
![Page 22: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/22.jpg)
Guys and St Thomas Charity - Tableau dashboard Southwark health data
https://public.tableau.com/profile/rob.parker7879#!/vizhome/Spacethefinalfrontier/Introduction
![Page 23: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/23.jpg)
David Kane and 360Giving - Who is funding with who?
https://public.flourish.studio/visualisation/155633/
![Page 24: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/24.jpg)
Software
Check out the chart maker directory: www.chartmaker.visualisingdata.com/
![Page 25: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/25.jpg)
Do it well: Find the story
• Ensure the data is credible
• Start with a research question
• Let the data guide you—use conditioning,
filters & pivot tables to spot patterns
• Develop the data—change groupings, add
in averages, difference between values
• Sketch it out first—without restrictions
![Page 26: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/26.jpg)
Don’t give too many messages in one chart
![Page 27: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/27.jpg)
Refocus the data to highlight a key message
![Page 28: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/28.jpg)
Do it well: Design tips
• Design is not just for external audiences—
for colleagues you also need to make it
clear & keep them engaged
• Keep it simple—a bar chart is often best
• Everything has to be deliberate, justifiable
& explainable
![Page 29: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/29.jpg)
How to improve this Excel chart…
![Page 30: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/30.jpg)
3D charts are misleading
![Page 31: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/31.jpg)
Always start a bar chart Y-axis at zero
![Page 32: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/32.jpg)
Delete any ‘chart junk’
![Page 33: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/33.jpg)
Label directly on your chart
![Page 34: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/34.jpg)
Horizontal bars can fit long category names
![Page 35: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/35.jpg)
Reduce the gap width to look less ‘Excel-y’
![Page 36: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/36.jpg)
Order by size (or time/age groupings)
![Page 37: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/37.jpg)
Colour should be used deliberately
![Page 38: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/38.jpg)
Colour can draw people’s attention
![Page 39: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/39.jpg)
Re-title your chart with the key message
![Page 40: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/40.jpg)
![Page 41: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/41.jpg)
Resources
Nightingalewww.medium.com/nightingale
Guardian Data Blogwww.theguardian.com/data
The Puddingwww.pudding.cool/
Blogs
![Page 42: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/42.jpg)
Resources
www.datastori.es www.dataviztoday.comwww.storytellingwithdata.com/
podcast
Podcasts
![Page 43: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/43.jpg)
Resources
www.flickr.com/gp/167769222@N02
Charity DataViz
examples
My Flickr account
of charity dataviz
examples to help
spark new ideas
![Page 44: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/44.jpg)
Case Study: How to plot your
grants against deprivation
Patrick O’KellySenior Grants Officer
The Clothworkers’ Foundation
@okellypjO
@clothworkersfdn
![Page 45: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/45.jpg)
@ClothworkersFdnwww.clothworkersfoundation.org.ukCharity No: 274100
• Medium-sized capital funder
• UK-wide
• Disadvantaged communities
![Page 46: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/46.jpg)
@ClothworkersFdnwww.clothworkersfoundation.org.ukCharity No: 274100
Are we doing what we set
out to do?
![Page 47: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/47.jpg)
@ClothworkersFdnwww.clothworkersfoundation.org.ukCharity No: 274100
• flourish.studio
• 360Giving Data
• English Indices of Deprivation 2019
public.flourish.studio/visualisation/668825
![Page 48: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/48.jpg)
@ClothworkersFdnwww.clothworkersfoundation.org.ukCharity No: 274100
• Our grants reach most areas of England
• Over two thirds of our grants reached the
50% most deprived areas
• Open data: our data is more accessible
(potential applicants, grantees, funders)
Is it useful?
![Page 49: Data visualisation - London · Types of data visualisation Three key types: 1. Static images, charts & infographics 2. Interactive dashboards 3. Animations & videos](https://reader030.vdocuments.mx/reader030/viewer/2022011908/5f5eeb75915cbf63ea47e6e3/html5/thumbnails/49.jpg)
@ClothworkersFdnwww.clothworkersfoundation.org.ukCharity No: 274100
• Only shows area-based disadvantage
• Uses registered postcode of the charity
Limitations?