Effective Knowledge Visualization and Knowledge Sharing Tools
Laura Navarro & Eli Vivas (Storydata)
10/26/2021
Infographics and Data Visualization
Translation of raw data to a visual context
Infographics and Data Visualization
Charles Minard, 1869
Infographics and Data Visualization
Infographics and Data Visualization
Infographics and Data Visualization
Adolfo Arranz
Germanwings flight-Inconsolata
Infographics and Data Visualization
PRINCIPLES
Infographics and Data Visualization
https://ft-interactive.github.io/visual-vocabulary/
What do I want to say?
Infographics and Data Visualization
Infographics and Data Visualization
Infographics and Data Visualization
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
Infographics and Data Visualization
Infographics and Data Visualization
Awesome title
Subtitle that contextualizes
Axis text
Axis text
Axis text
Axis text
Axis text
Axis text
Axis text
Caption with the source and who created the chart. Notes if necessary
Legend text
Legend text
Legend title
Axis y title
Axis x title
Infographics and Data Visualization
Infographics and Data Visualization
Source: Google News Timeline
Swine Flu
Bird Flu
Killer Wasps
Apocalypse
2000
Infographics and Data Visualization
100%
0%
50%
"Think about subway maps, which are abstracted from the complex shape of the city and are focused on the rider’s goal: to get from one place to the next"
Visualizing Data by Ben Fry
Infographics and Data Visualization
Medium Infogram
Infographics and Data Visualization
Medium Infogram
Infographics and Data Visualization
Infographics and Data Visualization
(If you can)
2021
54,8%
2013
16,2%
Mobile phone web traffic:
Infographics and Data Visualization
NO CODING & FREE & EASY
NO CODING & FREE &
NOT THAT EASY
CODING & FREE & DIFFICULT
Infographics and Data Visualization
Infographics and Data Visualization
· Statistics Division of the UN:
http://data.un.org/
· Google Dataset Search:
https://datasetsearch.research.google.com/
· WHO Database:
https://www.who.int/data
· National Stastistics Institute:
https://www.ine.es/
· Kaggle:
https://www.kaggle.com/
Infographics and Data Visualization
Infographics and Data Visualization
Infographics and Data Visualization
Infographics and Data Visualization
[18:00]
Infographics and Data Visualization
Latitude | Longitude | name |
---|---|---|
42.061201860 | -0.490321024 | point1 |
38.887787884 | -1.537996281 | point2 |
38.696322447 | -9.137571576 | point3 |
geometry | name |
---|---|
polygon | region1 |
multipolygon | region2 |
polygon | region3 |
Infographics and Data Visualization
Geospatial data draws dots or shapes, and they store information for each one of these points or regions
Infographics and Data Visualization
· The World Bank
https://maps.worldbank.org/
· Map SVG:
https://mapsvg.com/maps/world
· Geographical Institutes websites / Open Data:
http://centrodedescargas.cnig.es/CentroDescargas/index.jsp
Infographics and Data Visualization
Infographics and Data Visualization
Qualitative
Quantitative
Hybrid
1
2
3
4
52,9%
1
2
3
Infographics and Data Visualization
Title
Body
Footer
Infographics and Data Visualization
Beggining
Middle
Ending
ch.1
ch.2
ch.3
Infographics and Data Visualization
FOOTER
Tap water in Peru
TAP WATER IN PERU
drinking water in Peru
drinking water in the world
WORLD MAP
Which are the problems
Annals of Surgery
Fundaciones Alternativas
Timothy Dole
Yaroslav Kirsanov - Toni Sailer Bio
goodwaydesign
Reuters
Reuters
Oriol Vidal
Reuters
Fundaciones Alternativas
David McCandless
Vincenzo Castro
Infographics and Data Visualization
Infographics and Data Visualization
Infographics and Data Visualization
Identify
your topic
Audience
Structure
Information
Add value
Design
Infographics and Data Visualization
· Dessart, L., (2016) ‘From paper to picture: creating an infographic from your research’, Journal of Marketing Management (https://www.jmmnews.com/paper-picture-creating-infographic-research/)
· Elsevier (2017) Graphical abstracts available at https://www.elsevier.com/authors/journal-authors/graphical-abstract
· Krauss, Jane (2012) 'More Than Words Can Say' (https://eric.ed.gov/?id=EJ982831)
· McCandless, D., (2009) Information is Beautiful, London: William Collins
· Cool Infographics (https://coolinfographics.com/)
Infographics and Data Visualization
navarrosolerlaura@gmail.com
eli@storydata.cat