SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279593/euromesco-col_Negatiu2.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9070457/logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8296975/EU-IEMED.png)
Infographics
and Data Visualization
for beginners
Wednesday 24th November, 2021
Laura Navarro & Storydata
- Types of graphs
- Choosing the right one
-
Recommended literature:
An Economist’s Guide to Visualizing Data -Jonathan A. Schwabish .
- Presentation of Flourish
- Kinds of graphs and stories
- Creation of a graph
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Infographics and Data Visualization
Structure
Theory
Practice
SESSION 3
0.40h
1.20h
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8342606/pasted-from-clipboard.png)
Basic Data Visualizations
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
How do formats and styles affect your data?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344256/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8342619/pasted-from-clipboard.png)
One Dataset, Visualized 25 Ways
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9120747/pasted-from-clipboard.png)
Nathan Yau
One dataset, 25 graphs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117739/pasted-from-clipboard.png)
This compares trends over time and for each country
One dataset, 25 graphs
This shows countries separetly so that lines don't overlap
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117749/pasted-from-clipboard.png)
One dataset, 25 graphs
This focus on the difference between two sexes, with comparison across countries
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117756/04-male-versus-female-1-720x1211.png)
One dataset, 25 graphs
This shows the distribution and also the evolution
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117763/pasted-from-clipboard.png)
One dataset, 25 graphs
This also shows the distribution and the evolution, but it focus on each year
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117766/pasted-from-clipboard.png)
One dataset, 25 graphs
This shows the distribution spread
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117788/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Infographics and Data Visualization
Getting to the point
SESSION 3
What do you do when you have a lot of data? How should you visualize it? Here’s what you can do:
- Ask the data questions.
- Start with the visualization basics.
-
Focus.
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8340558/pasted-from-clipboard.png)
https://ft-interactive.github.io/visual-vocabulary/
Deviation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341463/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341463/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341463/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344301/pasted-from-clipboard.png)
BAR DIVERGING
BAR DIVERGING-STACKED
SPINE-CHART
BALANCE FILLED LINE
Emphasise variation (+/-)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341467/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341467/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341467/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341467/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341467/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341472/pasted-from-clipboard.png)
LINE
COLUMN TIME-LINE
COLUMN-LINE-CHART
SLOPE
AREA
CIRCLE TIME-LINE
Change over time
Changing trends
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341478/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341478/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341478/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341478/pasted-from-clipboard.png)
SCATTERPLOT
COLUMN-TIME-LINE
BUBBLE
XY HEATMAP
SPURIOUS CORRELATIONS
Correlation
show relationship between variables
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341492/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341492/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341492/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341492/pasted-from-clipboard.png)
ORDERED COLUMN
ORDERED BAR
SLOPE
LOLLIPOP
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344610/pasted-from-clipboard.png)
BUMP
Rankings
importance of the position
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341505/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341505/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341505/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341505/pasted-from-clipboard.png)
HISTOGRAM
BOXPLOT
DOT PLOT
PYRAMIDS
Distribution
how often
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Distribution
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8345171/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341521/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341521/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341521/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341521/pasted-from-clipboard.png)
COLUMN STACKED
PIE CHART
DOUGHNUT
TREEMAP
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344770/pasted-from-clipboard.png)
GRIDPLOT
Part-to-a-whole
show part of a variable to its total
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341531/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341533/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341533/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341538/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341538/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341540/pasted-from-clipboard.png)
CHOROPLETH
POINTS/DOTS
FLOW
CONTOUR
EQUALISED CARTOGRAM
CARTOGRAM
Spatial
geographical patterns
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Flow
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341543/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341547/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341547/pasted-from-clipboard.png)
SANKEY
CHORD
NETWORK
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341565/colorful-graphics_23-2147514909.jpg)
?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117843/5649ea50c413f4feb248550abb14a7b4.png)
Enable accurate estimates
May enable general estimates
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9117843/5649ea50c413f4feb248550abb14a7b4.png)
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8341423/chart-types-infographics04.png)
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Your turn
https://docs.google.com/spreadsheets/d/1iMo-xtqDT72V2ZlplRG5dQyLDb2cI4Oi-50OM0MTUUE/edit?usp=sharing
Data
Infographics and Data Visualization
SESSION 3
navarrosolerlaura@gmail.com
Thank you!
write me
Infographics and Data Visualization
SESSION 3
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8279603/square-col2.jpg)
Line vs. Column
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344400/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8344403/pasted-from-clipboard.png)
Session 3
By laura_navarro
Session 3
- 572