Download to read offline
Uploaded byJose Berengueres
The SIX RULES OF DATA VISUALIZATION
The document discusses storytelling through data visualization, emphasizing the importance of transforming data into meaningful information and knowledge. It outlines six key rules for effective data presentation, including the necessity of telling a story, making content memorable, and using compatible charts. Additionally, it highlights the progression from data to information to knowledge and suggests frameworks for creating impactful visual narratives.
More Related Content
Similar to The SIX RULES OF DATA VISUALIZATION
More from Jose Berengueres
The SIX RULES OF DATA VISUALIZATION
- 1. J Berengueres Storytelling throughData Visualization Jose Berengueres
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12. J Berengueres SOME (BAD)EXAMPLES
- 13.
- 14.
- 15. J Berengueres WHY UGLY VIZ? Do youlike Ice cream? Yes
- 16. J Berengueres WHY UGLY VIZ? Do youlike Ice cream? Yes Also Yes, but in yellow
- 17. J Berengueres WHY POORVIZ !?
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. J Berengueres 1 Tell mea story
- 29. J Berengueres “PRESENTATIONS WITH CHARTSARE REMEMBERED 33% MORE”*
- 30. J Berengueres “PRESENTATIONS WITH CHARTSARE REMEMBERED 33% MORE”* CHART YES NO RECALL
- 31. J Berengueres “PRESENTATIONS WITH CHARTSARE REMEMBERED 33% MORE” CHART YES NO RECALL
- 32. J Berengueres “PRESENTATIONS WITH CHARTSARE REMEMBERED 33% MORE” CHART YES NO RECALL 1x 1.3x 10x
- 33. J Berengueres “PRESENTATIONS WITH CHARTSARE REMEMBERED 33% MORE” CHART YES NO RECALL 1x words only 1.3x w/ charts 10x w/ story*
- 34. J Berengueres 2 Data isn’tinformation
- 35. J Berengueres Exercise -Order this data knowledge information wisdom
- 36. J Berengueres data >information > knowledge > wisdom Solution
- 37. J Berengueres data >information > knowledge > wisdom _____ ________ _____ ________ List Discriminant Attributes
- 38. J Berengueres data >information > knowledge > wisdom Many Valuable Abundant Scarce
- 39. J Berengueres data >information > knowledge > wisdom Many Valuable Abundant Scarce Arrow of Value
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. J Berengueres 4 Make itmemorable
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56. J Berengueres 6 Choose acompatible chart
- 57. J Berengueres Exercise -Visualize this
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72. J Berengueres C CO2 LIFT GORE An InconvenientTruth, Gore, A. (n.d.) Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth- dvd
- 73.
- 74.
- 75. J Berengueres x1 x10x104 Impact
- 76. J Berengueres x1 x10x104 Impact data information story
- 77. J Berengueres 1 Tellme a story
- 78. J Berengueres 1 Tellme a story 2 Data isn’t __________
- 79. J Berengueres 1 Tellme a story 2 Data isn’t information 3 Use framewrks to create _____
- 80. J Berengueres 1 Tellme a story 2 Data isn’t information 3 Use framewrks to create knwlege 4 Make it _________
- 81. J Berengueres 1 Tellme a story 2 Data isn’t information 3 Use framewrks to create knwlege 4 Make it memorable 5 Story purpose is ________
- 82. J Berengueres 1 Tellme a story 2 Data isn’t information 3 Use framewrks to create knwlege 4 Make it memorable 5 Story purpose is narrative 6 Choose a chart ________
- 83. J Berengueres 1 Tellme a story 2 Data isn’t information 3 Use framewrks to create knwlege 4 Make it memorable 5 Story purpose is narrative 6 Choose a chart compatible
- 84.
- 85. J Berengueres thinking 7 chunkslimit* - working Memory
- 86. J Berengueres thinking 7 chunkslimit* - working Memory thinking with a pen
- 87. J Berengueres La Viejacave,Albacete, SPAIN. Source: La Tribuna De Albacete
- 88. J Berengueres MAN UCOACH DECIDING STRATGY
- 89. J Berengueres • 1801pie charts Timeline
- 90. J Berengueres • 1801pie charts • 1891 histograms Timeline
- 91. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life Timeline
- 92. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA Timeline
- 93. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix Timeline
- 94. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling Timeline
- 95. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling • 2003 The Business Canvas Timeline
- 96. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling • 2003 The Business Canvas • 2010 Gartner’s Magic Quadrant Timeline
- 97. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling • 2003 The Business Canvas • 2010 Gartner’s Magic Quadrant • 2011 Wardley Maps Timeline
- 98. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling • 2003 The Business Canvas • 2010 Gartner’s Magic Quadrant • 2011 Wardley Maps Timeline
- 99. J Berengueres • 1801pie charts • 1891 histograms • 1960 Wheel of Life • 1970 Toyota A3 reporting/PDCA • 1972 BCG share growth matrix • 2000 Hans Rosling • 2003 The Business Canvas • 2010 Gartner’s Magic Quadrant • 2011 Wardley Maps Timeline
- 100. J Berengueres DESCRIPTIVE PRESCRIPTIVE (action oriented) 2010s Rosling Toyota’sA3/PDCA 1970s 1990s Candlestick Kanban (Agile) Adapted from: Berengueres J, Ferran P., Case Studies of Data Visualization in Agile Policy Making. in Procedings UAE Puplic Policy Forum 2020, Dubai, UAE Biz Canvas Wardley MarimekkoMarimekko BCG Matrix 50 YEARS OF DATA VISUALIZATION Wheel of Life
- 101.
- 102.
- 103.
- 104. J Berengueres 2 To makemeaning, reduce complexity
- 105.
- 106.
- 107.
- 108. J Berengueres Data scientistby country Exercise is this data information or k?
- 109. J Berengueres 3 To createknowledge connect to a framework
- 110. Solution A (Framework:BRICS) jose ber – Introduction to Data Visualization & Storytelling v.2
- 111. Solutions jose ber –Introduction to Data Visualization & Storytelling v.2 Solution B (Framework: Prevalence from socioeconomics)
- 112. Solution C (Framework:Ranking from innovation)
- 113. jose ber –Introduction to Data Visualization & Storytelling v.2
- 114. jose ber –Introduction to Data Visualization & Storytelling v.2
- 115. J Berengueres 1 GetGenchiGembutsu data
- 116. J Berengueres 1 GetGenchiGembutsu data 2 To make meaning, _____ complexity
- 117. J Berengueres 1 GetGenchiGembutsu data 2 To make meaning, reduce complexity 3 To create knowledge, ______ to a framework
- 118. J Berengueres 1 GetGenchiGembutsu data 2 To make meaning, reduce complexity 3 To create knowledge, connect to a framework
- 119.
- 120.
- 121. J Berengueres References Berengueres Jet al., Introduction to Data Visualization, Amazon Kindle, 2020. timeline of charts: Berengueres J, Ferran P., Case Studies of Data Visualization in Agile Policy Making. in Procedings UAE Puplic Policy Forum 2020, Dubai, UAE cave men painting: Tribuna, La: Reflejos Del Pasado Más Remoto De Alpera. URL https://www.latribunadealbacete.es/Noticia/Z47DB984D-0C7C-81C2- E7B86ABBA0D42001/201910/Reflejos-del-pasado-m%C3%A1s-remoto-de-Alpera. - abgerufen am 2020-03-04. — La Tribuna De Albacete
Editor's Notes
- #3 How many of you have heard about “death by pptx”? (rise your hands if you heard it beafore)
- #4 and excel? (
- #5 Tableau?
- #6 Today, we are going to talk about data visualization and how to use it to t and c
- #7 Today, we are going to talk about data visualization and how to use it to t and c
- #8 But first we need to talk about... can you guess the missing word? DATA!
- #9 To convince you need data the thing is that data looks like this and makes people feel like this (the name of this emoji is flat smile) However,
- #10 To convince you need data the thing is that data looks like this and makes people feel like this (the name of this emoji is flat smile) However,
- #11 To convince you need data the thing is that data looks like this and makes people feel like this (the name of this emoji is flat smile) However,
- #12 to convince, we need to make ppl feel like this that is where visualziation can help One way is visualiztion, a fancy word for charts and infographics The 2nd problem is that there is a lot of bad charts out there!
- #13 Here is a small sample from the internet
- #14 100 most active twtiters (wrong chart for the job)
- #15 number of data sceintists per country (information overload)
- #16 and my favourite, charts with no information (click) information
- #18 I am a professor and I work at UAE University so as an academic I went on a quest!!! to find the resons It took me 2 minutes of find a culprit
- #19 2:00 He is a a school drop out never took a design lecture yet he created excel and 90% charts you will see in your time on this planet will be made by EXcel But the epidemic of bad charts we endure is not all his fault... there is a second reason and the culprit is us, the school system where arts are spearated from sceinces.
- #20 a school drop out never took a design lecture yet 90% charts you will see in your time on this planet will be made by his software But he is not the only one at faulthere, we the educational system have blame too.
- #22 you see to do dv we need ds but we also need...
- #23 design, the problem is that people that make the charts , the data sceitists look liek this
- #24 and designers like this
- #25 and the go to differnt shcools
- #26 the specializations that teach ds dont like design and design studies dont like ds a part from very few exceptions.
- #27 the specializations that teach ds dont like design and design studies dont like ds a part from very few exceptions.
- #29 when you make a chart tell me a story , why?
- #30 because ppl will rememebr more. example * princeton study
- #35 #2 know the difference between data information and knowledge
- #36 #2 know the difference between data information and knowledge
- #37 #2 know the difference between data information and knowledge
- #38 #2 know the difference between data information and knowledge
- #39 #2 know the difference between data information and knowledge
- #40 #2 know the difference between data information and knowledge
- #41 The secret to create knowlege is to get information (new or old) and to RELATE IT to
- #42 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #43 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #44 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #45 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #46 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #47 #2 know the difference between data information and knowledge To be a leader is not what you wasy, its is also when you say it.
- #48 be cool be fun “POP” culture
- #49 If u make a chart and none remebered it – did it happen? one way to make your chart stick is be cool be fun “POP” culture
- #50 If u make a chart and none remebered it – did it happen? one way to make your chart stick is be cool be fun “POP” culture
- #51 Know the realtion between narratives sotries and data Why do so many charts feel purposeless? If your chart has nothing to say then it will feel purposeless
- #52 I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
- #53 I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
- #54 I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
- #55 #2 know the difference between data information and knowledge
- #56 #2 know the difference between data information and knowledge
- #57 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #58 is this data information or k ?
- #59 is this data information or k ?
- #60 is this data information or k ?
- #61 is this data information or k ?
- #62 is this data information or k ?
- #63 is this data information or k ?
- #64 is this data information or k ?
- #65 is this data information or k ?
- #66 is this data information or k ?
- #67 is this data information or k ?
- #68 is this data information or k ?
- #69 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #70 we just need one pixel –remeber on pixel. one pixel
- #71 #2 know the difference between data information and knowledge An Inconvenient Truth, Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth-dvd
- #72 #2 know the difference between data information and knowledge An Inconvenient Truth, Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth-dvd
- #73 #2 know the difference between data information and knowledge An Inconvenient Truth, Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth-dvd to visualiza theis ”off the charts” do you get off, literally. youtube views? 62,000
- #74 #2 know the difference between data information and knowledge An Inconvenient Truth, Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth-dvd
- #75 #2 know the difference between data information and knowledge An Inconvenient Truth, Gore, A. (n.d.). An Inconvenient Truth (Movie) — Al Gore. Retrieved February 9, 2020, from https://www.algore.com/library/an-inconvenient-truth-dvd
- #76 thunberg – I have credibility becuase I show integrity, by sailing –not flying; where as you say co2 is bad yet you do nothing to reduce it when you could.
- #77 thunberg – I have credibility becuase I show integrity, by sailing –not flying; where as you say co2 is bad yet you do nothing to reduce it when you could.
- #78 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #79 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #80 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #81 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #82 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #83 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #84 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #85 So now we know how to convince, but before convinicng we need to have SOMETHING to say, and before that we need to think. So how and WHY can charts help us think better? Look at this chart.
- #86 well our brains are trully amainzing, we have a very efficient set of neural nets (for speech recognittion, vision, emotion detection from faces etc. but, our logical processor is similar to a intel 8080 of 1979. We can only hold, 7 chunks of info at the same time, which means if we were our L2 CACHE MEM is about 10 bytes. So anything we can do to expand this 7 chunk limit will help us. One way is to use charts to extend the memory from your brain to a paper or visual to surpas this 7 chunk limit. --- but also you can use it to share betwen peoples brain (your team). instead of talking (people forget what they hear very fast, if it is there on a chart, it sticks)
- #87 well our brains are trully amainzing, we have a very efficient set of neural nets (for speech recognittion, vision, emotion detection from faces etc. but, our logical processor is similar to a intel 8080 of 1979. We can only hold, 7 chunks of info at the same time, which means if we were our L2 CACHE MEM is about 10 bytes. So anything we can do to expand this 7 chunk limit will help us. One way is to use charts to extend the memory from your brain to a paper or visual to surpas this 7 chunk limit. --- but also you can use it to share betwen peoples brain (your team). instead of talking (people forget what they hear very fast, if it is there on a chart, it sticks)
- #88 what do you see here? People say ooh look at this artistic painting, I see a group of men discussing the strategy for tomorrows hunt! and what else...? WEll. SOURCE: Tribuna, La: Reflejos Del Pasado Más Remoto De Alpera. URL https://www.latribunadealbacete.es/Noticia/Z47DB984D-0C7C-81C2-E7B86ABBA0D42001/201910/Reflejos-del-pasado-m%C3%A1s-remoto-de-Alpera. - abgerufen am 2020-03-04. — La Tribuna De Albacete
- #89 We havent changed so much, really. Here is a timeline of the top 10 charts descivered recently.
- #100 Some of these are more descriptive and some more action oriented, by the way there is only 9 here, where is the missing one? GANTT! yes! gant chart is 1910
- #101 but knowing the tools is not the same as know HOW to use them! I see many students failing different stages. So as before they lose their love for visuals I am going to tell you three steps to think better
- #102 Three steps to augment your thinking
- #103 DATA
- #104 So takeaway GENCHI GEMBUTSU
- #105 DATA to info But how!? 2D projection
- #106 lets imagine you have complex data... how would you reduce complexity?
- #109 Time for an exercise! is this data information or knowledge? how would you make k out of this? link / conect to a framework , google gaveme 1500 for converting this into the next slide
- #110 info to k
- #111 (eg. BRICS)
- #112 Framework: Prevalence from socioecoonimcs Another solution (example of knowledge creation by using per capita) US-UK-EU gap The US-EU gap is about 50%. However, the UK mean closer to the EU6 mean than to the US mean. Does this mean we discard language barrier as a explanatory factor for the gap? Note: The BRICS, and EU6 mean is mean of country means, not weighted by respondents. Aesthetic considerations This color scheme is called the red on grey, it is my favorite scheme for charts. Unlike, other schemes such as purple on grey, it is gender neutral [23]. However, for it to work the red surface must be kept to a minimum, otherwise it comes across as strident. The blue on grey scheme does not have this limitation (See Figs. 1-5). However, the red on grey has one secret advantage. Usually, using three colors in a chart will clutter it, but because the chromatic distance between red and any shade of grey is so large, we can get away by using black (as a gray 85%) as a third color with a small clutter trade-off. Source - World Bank Population Data 2016, Q11 - Current country of residence [20]
- #113 Example of 2D desing space (scatter) by connecting same info of prvious chart to Innvoation index framework
- #114 Now, imagine you are to forecast what japan will do, how would you forecast it?
- #115 mean reversion.
- #116 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #117 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #118 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #119 So, Get data, reduce and, connect
- #120 before we said that if your chart does not advocate any narrative, it will feel purposless Howver, there is this thing called the fit, if your chart does not fit the narrative, it will feel dysonant. example: i
- #121 is this data information or k ?
- #122 is this data information or k ?