SlideShare a Scribd company logo
DATA VISUALIZATION
TRAINING SESSION
Summary of the data
visualization training
session held at the
HELCOM Secretariat on
28th November 2018 11th December 2018
Organized by:
Manuel Frias
2|
Table of contents
3 4 6 11 12
page page page page page
13
page
Whythistrainingand
what’snext
Part1Whatisan
effectivedata
visualization
Part2Whatisthemost
appropriategraphfora
dataset
Part3Howcanwe
improvethestyleofa
graph
Threebook
recommendations
Sweetend
3|
Why this training
and what’s next
What is an effective graph and how can we improve our data
visualization skills? HELCOM publishes lots of graphs in many
reports every year but we admit many of them have room for
improvement.
Unfortunately, none of us at the HELCOM Secretariat has
been taught data visualization skills. Despite this fact, we
publish countless pages with innumerable graphs and
visualizations.
The aim of this training session was to reflect about data
visualization, particularly graphs. Are there any basic rules?
How can we improve our skills to make HELCOM reports
clearer to understand and more attractive?
This training was two hours long divided in three parts:
1.What is an effective data visualization
2.What is the most appropriate graph for a dataset
3.How can we improve the style of a graph
We decided to hold informal meetings in the future to get
feedback from our visualizations.
Icon by Deemak Daksina TheNounProject
Thepresentationused
inthetrainingis on
Slideshare
4|
1 - What is an
effective data
visualization
The session started by defining an effective data
visualization. According to designer and educator Alberto
Cairo, it should be:
• Truthful
• Functional
• Beautiful
• Insightful
• Enlightening
I showed a graph I made some years ago and we together
discussed whether it met those criteria.We criticized the use of
3D, the stacked bar, the colors... All in all, it is virtually
impossible to get something out of it.
Icon by Arif Arif TheNounProject
Book
recommendations
attheend
5|
We agreed that the graph had many problems and that it
definitely didn’t meet Cairo’s criteria, except for being (or
trying to be) truthful.
I showed a remake with a simple bar chart and we all agreed
that it communicated the message much better than the
previous one.
What was I thinking when I made the first one? Probably I
didn’t think much. I just wanted to make an attractive graph
without thinking in the viewer.
What happened between both graphs? I just applied basic
principles of data visualization.
0
0
2
2
3
3
3
3
5
5
6
8
8
9
9
Buffer
Planning
Clear
Help
Query
Measure
SnapShoot
Download
Full Extent
Previous
Select
Zoom Out
Identify
Zoom In
Pan
Only basic functionalitiesare used in the map service
Number of answers to the question "Which tool do you normally usein the map service?"
6|
2 - What is the most
appropriate graph
for a dataset
How do you go from the first horrendous version to the
second simpler but more effective visualization?
First, we should focus on finding the message. What do we
want to say with the graph? For whom is it ? Do we want to
emphasize anything? Do we want to show comparison,
deviation...? In my first graph I skipped this step entirely.
Second, we should find the shape of the data.To do this, we
have two alternatives.
The first one is to use a chart chooser. I recommended three.
However, some have been criticized by authors like Stephen
Few for offering some charts types that are not effective. I
think, however, that they could be a good starter for newbies.
https://datavizcatalogue.com/ https://www.data-to-viz.com/ http://ft.com/vocabulary
7|
The second option, recommended by authors like Cairo, is to
use the Cleveland McGill scale.This is arguably the most
famous scale in the data visualization world.
It shows what kind of graphs are better to perform accurate
and general comparison. Not surprisingly, the most effective
graphs to show accurate comparisons are bar and line graphs.
Notice that this research was done only for statistical charts.
Shading and hue can be good for showing change in maps.
Cleveland, McGill, 1984 adapted from Alberto Cairo, 2016: The truthful art
Enable accurate
comparisons
Enable general
comparisons
Position along
common but
unaligned scales
Length Angle Are
a
Volume Shading HuePosition along
common scale
8|
Bar, line, point (scatterplots) and boxes charts are, in fact, the
most appropriate ways to perform quantitative analyses,
according to Stephen Few.
Oh but wait... Where are pie charts that are used so much in
HELCOM? Bad news—according to cognitive science, our
brains are not very good at comparing areas, as you see in the
Cleveland McGill scale.
Some authors think they are excellent... for eating them!
Nevertheless, I think they can be effective in some counted
situations depending on your message.
Source: unknown
9|
Next, we made three groups to analyze three charts that have
been published in HELCOM. Our aim was to answer two
questions:
• Is it effective? Why?
• Is there a better alternative? Sketch it
After thinking together 20 minutes we came up with three
new more effective visualizations. Among the solutions
proposed were: avoiding clutter, choosing another type of
graph and dividing the information in pieces.
10|
After the exercise, we discussed alternative ways to visualize
data like, for example, slope graphs, dot plots and chord
diagrams.The challenge with theses graphs is that they are
not so straightforward to do in Excel 2016. It is, however, not
impossible as designer Jorge Camões nicely demonstrates in
his book (reference at the end).
11|
3 - How can we
improve the style of
a graph
In this section, we discussed how to improve the styles of the
graphs we make at the Secretariat. A graph can be more
visually attractive if we follow some basic design principles
like, avoiding clutter, apply proper alignment, use contrast
efficiently, etc.
I showed a gif that become popular a while ago in social
media and that summarizes nicely how to make a more
effective graph in some simple steps.
Finally we talked about alternative tools for exploring
(Inzight) and visualizing data (Flourish and D3)
Source: Darkhorse Analytics
12|
Three book
recommendations
There are endless books about data
visualization out there. Here there are
three that might interest you.
Thefunctionalart
byAlbertoCairo
Clearintroduction
Dataatwork
byJorgeCamões
AnythingispossibleinExcel
Showmethenumbers
byStephenFew
(Practical)biblefordataviz
13|
Sweet end
The session felt better with
some buns. Unfortunately, I
was late to take a a pic and
these are the leftovers. It was
eaten by:
Alexey Bakhtov, JanaWolf,
Joni Kaitaranta,Juuso
Haapaniemi, Katarzyna
Droździel, Owen Rowe, Sanna
Saari, Manuel Sala Perez and
Florent Nicolas

More Related Content

PPTX
Data visualization training session HELCOM
PDF
Data visualization in a nutshell
PDF
18 Tips for Creating Beautiful Infographics
PDF
Its all about Infographics
PPTX
Data Visualization - What can you see? #baai17
PPTX
Data Visualisation Forum Auckland 2018
PDF
DATA VISUALIZATION
PDF
Brief introduction to data visualization
Data visualization training session HELCOM
Data visualization in a nutshell
18 Tips for Creating Beautiful Infographics
Its all about Infographics
Data Visualization - What can you see? #baai17
Data Visualisation Forum Auckland 2018
DATA VISUALIZATION
Brief introduction to data visualization

What's hot (12)

PDF
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
PDF
An Infographics on How to Make Infographics
PPTX
How People Really Hold and Touch (their Phones)
PPTX
Infographics For The Classroom Elem--HS
PDF
Introduction to Infographic Design
PPTX
Introduction to Data Visualization
PDF
5 Data Visualization Pitfalls
PDF
Teaching with Infographics
PDF
Storyboarding for Data Visualization
PPTX
What is an Infographic?
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
An Infographics on How to Make Infographics
How People Really Hold and Touch (their Phones)
Infographics For The Classroom Elem--HS
Introduction to Infographic Design
Introduction to Data Visualization
5 Data Visualization Pitfalls
Teaching with Infographics
Storyboarding for Data Visualization
What is an Infographic?
Ad

Similar to Data visualization training session HELCOM (20)

PPTX
Data Visualization - A Brief Overview
PDF
Art and Science of Dashboard Design
PDF
Dashboard Design / IxDA
PDF
Lies, damned lies & dataviz
ODP
Common Mistakes In Data Visualization
PPTX
Making Sense of Data - 3rd Sector Learning Lab
PPTX
Data visualisations quality aspects
PDF
Making sense of data - Learning Lab 2021
PDF
Data Visualization: A Powerful Tool for Insightful Analysis | CyberPro Magazine
PPTX
Mastering Data Visualization: Charts, Graphs, and Maps Explained
PDF
5 errores de la visualización de datos en Qlik View
PPTX
final presentatonsfkldsjlkfjdslfksdjflksdjflsdjflkdsjf.pptx
PDF
Visualization topic of big data analytics
PPTX
Introduction to Data Visualization_Day 1.pptx
PDF
Mastering Data Visualization: A Comprehensive Guide to Transforming Data into...
PDF
What Is Good DataViz Design?
PPTX
Data vizualization Techniques in Data Analytics and visualization
PDF
Art Meets Insight: Eye Catching Visualizations For Better Analytics
PDF
Data Visualization Techniques
PPTX
Data Visualisation - A Game of Decisions with Andy Kirk
Data Visualization - A Brief Overview
Art and Science of Dashboard Design
Dashboard Design / IxDA
Lies, damned lies & dataviz
Common Mistakes In Data Visualization
Making Sense of Data - 3rd Sector Learning Lab
Data visualisations quality aspects
Making sense of data - Learning Lab 2021
Data Visualization: A Powerful Tool for Insightful Analysis | CyberPro Magazine
Mastering Data Visualization: Charts, Graphs, and Maps Explained
5 errores de la visualización de datos en Qlik View
final presentatonsfkldsjlkfjdslfksdjflksdjflsdjflkdsjf.pptx
Visualization topic of big data analytics
Introduction to Data Visualization_Day 1.pptx
Mastering Data Visualization: A Comprehensive Guide to Transforming Data into...
What Is Good DataViz Design?
Data vizualization Techniques in Data Analytics and visualization
Art Meets Insight: Eye Catching Visualizations For Better Analytics
Data Visualization Techniques
Data Visualisation - A Game of Decisions with Andy Kirk
Ad

More from Manuel Frias (20)

PPTX
Don't dread the poster
PPTX
How to access HELCOM data
PPTX
The HELCOM Maritime Assessment - how to visualize complex problems in the Bal...
PPTX
Getting data for maritime spatial planning is dificult!
PPTX
Better presentation design
PPTX
How a seed became a tree
PPTX
Presentation training session at HELCOM
PPTX
How to achieve a sustainable Baltic Sea with the help of GIS (and ESRI)
PPTX
How we made shipping density maps
PPTX
Sharing data in the Baltic Sea - Why?
PPTX
Instructions to fill in the name tag
PPTX
From the Baltic Sea to South Africa - Shipping traffic density maps to Baltic...
PPTX
Changing the data visualization culture
PPTX
Learning AIS at the HELCOM Secretariat
PPTX
Working with Maritime Spatial Planning in the Baltic Sea - reasons to be opti...
PPTX
Maritime Spatial Planning in the BalticSea - a love story
PPTX
HELCOM: a bridge over troubled waters
PPTX
HELCOM-VASAB group makes Maritime Spatial Planning a reality in the Baltic Sea
PPTX
Working with Maritime Spatial Planning
PPTX
Why do we do Maritime Spatial Planning in the Baltic Sea? The Plan Bothnia te...
Don't dread the poster
How to access HELCOM data
The HELCOM Maritime Assessment - how to visualize complex problems in the Bal...
Getting data for maritime spatial planning is dificult!
Better presentation design
How a seed became a tree
Presentation training session at HELCOM
How to achieve a sustainable Baltic Sea with the help of GIS (and ESRI)
How we made shipping density maps
Sharing data in the Baltic Sea - Why?
Instructions to fill in the name tag
From the Baltic Sea to South Africa - Shipping traffic density maps to Baltic...
Changing the data visualization culture
Learning AIS at the HELCOM Secretariat
Working with Maritime Spatial Planning in the Baltic Sea - reasons to be opti...
Maritime Spatial Planning in the BalticSea - a love story
HELCOM: a bridge over troubled waters
HELCOM-VASAB group makes Maritime Spatial Planning a reality in the Baltic Sea
Working with Maritime Spatial Planning
Why do we do Maritime Spatial Planning in the Baltic Sea? The Plan Bothnia te...

Recently uploaded (20)

PPTX
Special finishes, classification and types, explanation
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
joggers park landscape assignment bandra
PDF
Phone away, tabs closed: No multitasking
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPT
Machine printing techniques and plangi dyeing
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
The Advantages of Working With a Design-Build Studio
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
building Planning Overview for step wise design.pptx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
EDP Competencies-types, process, explanation
Special finishes, classification and types, explanation
pump pump is a mechanism that is used to transfer a liquid from one place to ...
joggers park landscape assignment bandra
Phone away, tabs closed: No multitasking
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
SEVA- Fashion designing-Presentation.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
AD Bungalow Case studies Sem 2.pptxvwewev
Machine printing techniques and plangi dyeing
Chalkpiece Annual Report from 2019 To 2025
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
The Advantages of Working With a Design-Build Studio
Interior Structure and Construction A1 NGYANQI
mahatma gandhi bus terminal in india Case Study.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
building Planning Overview for step wise design.pptx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
EDP Competencies-types, process, explanation

Data visualization training session HELCOM

  • 1. DATA VISUALIZATION TRAINING SESSION Summary of the data visualization training session held at the HELCOM Secretariat on 28th November 2018 11th December 2018 Organized by: Manuel Frias
  • 2. 2| Table of contents 3 4 6 11 12 page page page page page 13 page Whythistrainingand what’snext Part1Whatisan effectivedata visualization Part2Whatisthemost appropriategraphfora dataset Part3Howcanwe improvethestyleofa graph Threebook recommendations Sweetend
  • 3. 3| Why this training and what’s next What is an effective graph and how can we improve our data visualization skills? HELCOM publishes lots of graphs in many reports every year but we admit many of them have room for improvement. Unfortunately, none of us at the HELCOM Secretariat has been taught data visualization skills. Despite this fact, we publish countless pages with innumerable graphs and visualizations. The aim of this training session was to reflect about data visualization, particularly graphs. Are there any basic rules? How can we improve our skills to make HELCOM reports clearer to understand and more attractive? This training was two hours long divided in three parts: 1.What is an effective data visualization 2.What is the most appropriate graph for a dataset 3.How can we improve the style of a graph We decided to hold informal meetings in the future to get feedback from our visualizations. Icon by Deemak Daksina TheNounProject Thepresentationused inthetrainingis on Slideshare
  • 4. 4| 1 - What is an effective data visualization The session started by defining an effective data visualization. According to designer and educator Alberto Cairo, it should be: • Truthful • Functional • Beautiful • Insightful • Enlightening I showed a graph I made some years ago and we together discussed whether it met those criteria.We criticized the use of 3D, the stacked bar, the colors... All in all, it is virtually impossible to get something out of it. Icon by Arif Arif TheNounProject Book recommendations attheend
  • 5. 5| We agreed that the graph had many problems and that it definitely didn’t meet Cairo’s criteria, except for being (or trying to be) truthful. I showed a remake with a simple bar chart and we all agreed that it communicated the message much better than the previous one. What was I thinking when I made the first one? Probably I didn’t think much. I just wanted to make an attractive graph without thinking in the viewer. What happened between both graphs? I just applied basic principles of data visualization. 0 0 2 2 3 3 3 3 5 5 6 8 8 9 9 Buffer Planning Clear Help Query Measure SnapShoot Download Full Extent Previous Select Zoom Out Identify Zoom In Pan Only basic functionalitiesare used in the map service Number of answers to the question "Which tool do you normally usein the map service?"
  • 6. 6| 2 - What is the most appropriate graph for a dataset How do you go from the first horrendous version to the second simpler but more effective visualization? First, we should focus on finding the message. What do we want to say with the graph? For whom is it ? Do we want to emphasize anything? Do we want to show comparison, deviation...? In my first graph I skipped this step entirely. Second, we should find the shape of the data.To do this, we have two alternatives. The first one is to use a chart chooser. I recommended three. However, some have been criticized by authors like Stephen Few for offering some charts types that are not effective. I think, however, that they could be a good starter for newbies. https://datavizcatalogue.com/ https://www.data-to-viz.com/ http://ft.com/vocabulary
  • 7. 7| The second option, recommended by authors like Cairo, is to use the Cleveland McGill scale.This is arguably the most famous scale in the data visualization world. It shows what kind of graphs are better to perform accurate and general comparison. Not surprisingly, the most effective graphs to show accurate comparisons are bar and line graphs. Notice that this research was done only for statistical charts. Shading and hue can be good for showing change in maps. Cleveland, McGill, 1984 adapted from Alberto Cairo, 2016: The truthful art Enable accurate comparisons Enable general comparisons Position along common but unaligned scales Length Angle Are a Volume Shading HuePosition along common scale
  • 8. 8| Bar, line, point (scatterplots) and boxes charts are, in fact, the most appropriate ways to perform quantitative analyses, according to Stephen Few. Oh but wait... Where are pie charts that are used so much in HELCOM? Bad news—according to cognitive science, our brains are not very good at comparing areas, as you see in the Cleveland McGill scale. Some authors think they are excellent... for eating them! Nevertheless, I think they can be effective in some counted situations depending on your message. Source: unknown
  • 9. 9| Next, we made three groups to analyze three charts that have been published in HELCOM. Our aim was to answer two questions: • Is it effective? Why? • Is there a better alternative? Sketch it After thinking together 20 minutes we came up with three new more effective visualizations. Among the solutions proposed were: avoiding clutter, choosing another type of graph and dividing the information in pieces.
  • 10. 10| After the exercise, we discussed alternative ways to visualize data like, for example, slope graphs, dot plots and chord diagrams.The challenge with theses graphs is that they are not so straightforward to do in Excel 2016. It is, however, not impossible as designer Jorge Camões nicely demonstrates in his book (reference at the end).
  • 11. 11| 3 - How can we improve the style of a graph In this section, we discussed how to improve the styles of the graphs we make at the Secretariat. A graph can be more visually attractive if we follow some basic design principles like, avoiding clutter, apply proper alignment, use contrast efficiently, etc. I showed a gif that become popular a while ago in social media and that summarizes nicely how to make a more effective graph in some simple steps. Finally we talked about alternative tools for exploring (Inzight) and visualizing data (Flourish and D3) Source: Darkhorse Analytics
  • 12. 12| Three book recommendations There are endless books about data visualization out there. Here there are three that might interest you. Thefunctionalart byAlbertoCairo Clearintroduction Dataatwork byJorgeCamões AnythingispossibleinExcel Showmethenumbers byStephenFew (Practical)biblefordataviz
  • 13. 13| Sweet end The session felt better with some buns. Unfortunately, I was late to take a a pic and these are the leftovers. It was eaten by: Alexey Bakhtov, JanaWolf, Joni Kaitaranta,Juuso Haapaniemi, Katarzyna Droździel, Owen Rowe, Sanna Saari, Manuel Sala Perez and Florent Nicolas