72. J Berengueres
C
CO2
LIFT
GORE
An Inconvenient Truth, 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
79. J Berengueres
1 Tell me a story
2 Data isn’t information
3 Use framewrks to create _____
80. J Berengueres
1 Tell me a story
2 Data isn’t information
3 Use framewrks to create knwlege
4 Make it _________
81. J Berengueres
1 Tell me 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 Tell me 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 Tell me 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
92. J Berengueres
• 1801 pie charts
• 1891 histograms
• 1960 Wheel of Life
• 1970 Toyota A3 reporting/PDCA
Timeline
93. J Berengueres
• 1801 pie charts
• 1891 histograms
• 1960 Wheel of Life
• 1970 Toyota A3 reporting/PDCA
• 1972 BCG share growth matrix
Timeline
94. J Berengueres
• 1801 pie charts
• 1891 histograms
• 1960 Wheel of Life
• 1970 Toyota A3 reporting/PDCA
• 1972 BCG share growth matrix
• 2000 Hans Rosling
Timeline
95. J Berengueres
• 1801 pie 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
• 1801 pie 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
• 1801 pie 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
• 1801 pie 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
• 1801 pie 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’s A3/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
121. J Berengueres
References
Berengueres J et 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
How many of you have heard about “death by pptx”? (rise your hands if you heard it beafore)
and excel? (
Tableau?
Today, we are going to talk about data visualization and how
to use it to
t and c
Today, we are going to talk about data visualization and how
to use it to
t and c
But first we need to talk about... can you guess the missing word?
DATA!
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,
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,
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,
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!
Here is a small sample from the internet
100 most active twtiters (wrong chart for the job)
number of data sceintists per country (information overload)
and my favourite, charts with no information
(click)
information
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
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.
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.
you see to do dv we need ds
but we also need...
design,
the problem is that people that make the charts , the data sceitists look liek this
and designers like this
and the go to differnt shcools
the specializations that teach ds dont like design and
design studies dont like ds
a part from very few exceptions.
the specializations that teach ds dont like design and
design studies dont like ds
a part from very few exceptions.
when you make a chart tell me a story , why?
because ppl will rememebr more. example
* princeton study
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
The secret to create knowlege is to get information (new or old) and to RELATE IT
to
#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.
#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.
#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.
#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.
#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.
#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.
be cool be fun “POP” culture
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
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
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
I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
I ASKED TO A STORYTELLER, WHAT WAS THE DIFF. AND SHE TOLD ME
#2 know the difference between data information and knowledge
#2 know the difference between data information and knowledge
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
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
is this data information or k ?
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
we just need one pixel –remeber on pixel.
one pixel
#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
#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
#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
#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
#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
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.
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.
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
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
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
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
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
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
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
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.
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)
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)
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
We havent changed so much, really. Here is a timeline of the top 10 charts descivered recently.
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
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
Three steps to augment your thinking
DATA
So takeaway GENCHI GEMBUTSU
DATA to info
But how!? 2D projection
lets imagine you have complex data... how would you reduce complexity?
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
info to k
(eg. BRICS)
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]
Example of 2D desing space (scatter) by connecting same info of prvious chart to Innvoation index framework
Now, imagine you are to forecast what japan will do, how would you forecast it?
mean reversion.
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
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
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
So,
Get data,
reduce
and,
connect
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