SlideShare a Scribd company logo
data & content design
Frieda Brioschi - frieda.brioschi@gmail.com
Emma Tracanella - emma.tracanella@gmail.com
VISUAL COMMUNICATION OF
QUALITATIVE DATA
LESSON 9 - 2020
INTO YOUR DATA PROJECT
LET’S JUMP
data & content design
LESSON 9
3
UPDATES ON YOUR PROJECT
Photo by William Iven on Unsplash
data & content design
LESSON 9
4
UPDATES ON YOUR PROJECT
FOR THE FINAL EXAMINATION
Photo by William Iven on Unsplash
data & content design
LESSON 9
5
EXAMPLE FROM PAST EXAMS
Photo by William Iven on Unsplash
DATA
QUALITATIVE
data & content design
LESSON 9
DEFINITION
7
A data visualization is a visual representation of data created to amplify the
cognitive processing and the social application of the data represented (Borgo/
Cairo 2013).
The main division line on the content side is whether the data that are visualized
are numerical o non-numerical.
Non-numerical data might refer to collections of documents, network relations,
topographical structures, etc.
data & content design
LESSON 9
MAIN SOURCES OF NON-NUMERICAL DATA COLLECTION
8
data & content design
LESSON 8
9
data & content design
LESSON 9
GOAL
The most common sources of qualitative data include interviews, observations,
and documents, none of which can be “crunched” easily by statistical software.
The goal of qualitative data analysis is to uncover emerging themes, patterns,
concepts, insights, and understandings. Qualitative studies often use an analytic
framework — a network of linked concepts and classifications — to understand an
underlying process; that is, a sequence of events or constructs and how they
relate.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
10
data & content design
LESSON 9
QUALITATIVE DATA ANALYSIS
Data analysis in qualitative research focuses on qualities more than quantities.
The statistical focus on the p value in quantitative research is replaced in
qualitative research with pattern seeking and the extraction of meaning from rich,
complex sources of linguistic (narrative) or visual (image) data.
Much effort is directed toward the creation of categories. Words, symbols,
metaphors, vignettes, and an entire array of creative linguistic tools or visual
displays may be used instead of the “number crunching” employed in qualitative
data analysis.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
11
data & content design
LESSON 9
CREATIVE THINKING
The types of thinking and skills needed for qualitative data analysis are different
from those needed for quantitative data analysis. Creativity, divergent thinking,
keen perception of patterns among ambiguity, and strong writing skills are
helpful for qualitative data analysis.
Qualitative analysis is less dependent on computing software. Whereas statistical
analysis often centers on the p value, qualitative data analysis involves more time-
consuming extraction of meaning from multiple sources of complex data.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
12
data & content design
LESSON 9
THE QUALITATIVE METAPHORS
Qualitative data analysts face the task of recording data via a variety of methods
(interviews, observation, field notes, etc.), coding and categorizing (using a
variety of clustering and classification schemes), attaching concepts to the
categories, linking and combining (integrating) abstract concepts, creating theory
from emerging themes, and writing an understanding.
Metaphors are useful as interpretive tools in this process, serving a heuristic
(guiding) role or explaining the elements of a theory.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
13
data & content design
LESSON 9
KALEIDOSCOPE
One useful metaphor is a kaleidoscope for the
purpose of describing qualitative data analysis.
Grouping similar data bits together, then
comparing bits within a pile. Differentiation
creates subpiles, which eventually become
connected by a pattern they share. This process
requires continual “back and forth” refinement
until a grand concept emerges.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/
43144_12.pdf
14
data & content design
LESSON 9
JIGSAW PUZZLE
Assembling data into an explanation is akin to reassembling puzzle
pieces. One strategy is grouping all pieces that look alike, sky for
example, and placing these pieces near the top. Other sketchy-looking
objects may be grouped together using any dimension (e.g., color)
whose properties make conceptual sense.
Puzzle pieces will have to be rearranged many times before the
reassembled pieces emerge into a coherent pattern. If successful, a
whole structure will eventually be built, held tight by the interconnected
pieces.
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
15
data & content design
LESSON 9
SYMPHONY
Qualitative data analysis is best understand as a symphony based on three elegant
but simple notes: noticing, collecting, and thinking. Clearly not linear, the process is
described as iterative (a repeating cycle), recursive (returning to a previous point),
and “holographic” (each “note” contains a whole) with “swirls and eddies.”
When one notices, one records information and codes it using an organizing
framework. When one collects, one shifts and sorts information. When one thinks,
one finds patterns, makes sense of them, and makes discoveries (including
“wholes” and “holes”).
▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf
16
data & content design
LESSON 9
DATA VISUALIZATION AS A TOOL
Data visualization can be a powerful tool in qualitative reporting. While we
certainly can’t completely escape text-centric pages in our qualitative reports,
graphics add visual interest and help break up the monotony of pages (or slides)
of text.
Graphics help support qualitative findings and enable us to communicate in
more interesting ways beyond words on paper (or a screen). Effective data
visualization can also help readers understand concepts more quickly and easily
and make information more memorable.
17
https://www.qrca.org/blogpost/1488356/323845/Data-Visualization-3-Ways-to-Make-Your-Qualitative-Reports-Pop
data & content design
LESSON 9
DATA VISUALIZATION IN JOURNALISM
Newspapers and other media outlets have jumped on board the data
visualization.
Publications like The Washington Post, The New York Times and the Los
Angeles Times employ full-time data journalists to augment their reporting.
These folks take an enormous trove of data on a particular topic and expertly
slice, dice and manipulate the information into interactive graphics that
communicate big ideas in an accessible and elegant way.
18
data & content design
LESSON 9
THE CONFIRMED U.S. MEASLES CASES BY COUNTY IN 2019
19
https://www.nytimes.com/interactive/2019/health/measles-outbreak.html
data & content design
LESSON 9
THE EARLIER START OF SPRING IN SOME PARTS OF THE U.S.
20
https://www.washingtonpost.com/graphics/2018/national/early-spring/
data & content design
LESSON 9
THE EARLIER START OF SPRING IN SOME PARTS OF THE U.S.
21
https://www.washingtonpost.com/graphics/2018/national/early-spring/
VISUALIZATION
QUALITATIVE DATA
data & content design
LESSON 9
MIND MAP
A mind map is a hierarchical diagram used to visually organize information,
showing relationships among pieces of the whole.
It is often created around a single concept, drawn as an image in the center of a
blank page, to which associated representations of ideas such as images, words
and parts of words are added. Major ideas are connected directly to the central
concept, and other ideas branch out from those major ideas.
▸ https://en.wikipedia.org/wiki/Mind_map
23
data & content design
LESSON 9
BUZAN’S GUIDELINES
1. Start in the center with an image of the topic, using at least 3 colors.
2. Use images, symbols, codes, and dimensions throughout your mind map.
3. Select key words and print using upper or lower case letters.
4. Each word/image is best alone and sitting on its own line.
5. The lines should be connected, starting from the central image. The lines
become thinner as they radiate out from the center.
24
data & content design
LESSON 9
BUZAN’S GUIDELINES
6. Make the lines the same length as the word/image they support.
7. Use multiple colors throughout the mind map, for visual stimulation and also for
encoding or grouping.
8. Develop your own personal style of mind mapping.
9. Use emphasis and show associations in your mind map.
10.Keep the mind map clear by using radial hierarchy or outlines to embrace your
branches.
▸ https://en.wikipedia.org/wiki/Mind_map
25
data & content design
LESSON 8
26https://www.mindmeister.com/blog/why-mind-mapping/
data & content design
LESSON 9
27
data & content design
LESSON 9
FLOW DIAGRAM
A flow diagram is a diagram that visually
displays interrelated information such as
events, steps in a process, functions, etc., in
an organized fashion, such as sequentially or
chronologically.
▸ https://books.google.com/books?
id=qusmDAAAQBAJ&printsec=frontcover#v=onepage&q=%2
2flow%20diagram%22&f=false
28
data & content design
LESSON 8
29
data & content design
LESSON 9
30https://kallwejt.com/filter/Baltimore/Baltimore-Waste-1
data & content design
LESSON 9
CUSTOMER JOURNEY MAPS
31
Customer journey maps are
another way to employ data
visualization in qualitative
reports.
Is a way of walking through a
process or service, from the
perspective of someone who is
interacting with it.
data & content design
LESSON 7
32
https://neiltamplin.me/an-example-customer-journey-map-for-a-housing-association-22b3719dcc10
data & content design
LESSON 9
33
https://www.brightvessel.com/customer-journey-map-2018/
data & content design
LESSON 9
WORD CLOUDS
The most obvious strategy for visualizing text-based data: the word
cloud, also known as a tag cloud.
Frequent words or phrases are shown in larger, bolder font.
Less-frequent words or phrases are shown in a smaller font.
Word clouds are okay for visualizing one-word descriptions, but not
for visualizing all your qualitative data.
34
data & content design
LESSON 9
ONE WORD FOR TEACHER
35
People described
their favorite teacher
using only one word
and the adjectives
were visualized in a
word cloud shaped
like an apple.
data & content design
LESSON 9
BEFORE AFTER COMPARISON
36
Word clouds are also
great for before/after
comparisons, like
these tweets
describing breakups.
https://www.vice.com/en_us/article/ezvaba/what-our-breakups-look-like-on-twitter
data & content design
LESSON 9
ONE WORD FOR OBAMA
37
People described
Barack Obama using
only one word and
the adjectives were
visualized in a bubble
cloud (and then color-
coded by the
sentiment or tone of
that adjective).
data & content design
LESSON 9
COLOR-CODED PHRASES
38
The New York Times’
election coverage in
2016 compared and
contrasted speeches
from Donald Trump
and Hillary Clinton.
First, the New York
Times team presented
miniature thumbnail
images of each
nominee’s convention
speech. 
https://www.nytimes.com/interactive/2016/07/29/us/elections/trump-clinton-pence-kaine-speeches.html
data & content design
LESSON 9
COLOR-CODED PHRASES
39
Directly underneath the
thumbnails, the New
York Times team pulled
out a few sample
quotes so that readers
can get a sense of what
was said.
data & content design
LESSON 9
MAPS
Maps are artifacts that help us make decisions, in so much as they visually
organize data and information on a space; their aim is to make what they see
comprehensible and usable, to bring it to our knowledge.
The language of maps, in particular, is a circular course that starts from
humanity’s need to explore its surroundings by sharing information, and ending
with the need to plan and shape the reality in which it is immersed. Observation,
abstraction and landing are processes that take place in the ends of those who
perform them.
▸ https://it.moleskine.com/mind-maps-and-infographics/p0198
40
data & content design
A MAP IS NOT THE TERRITORY IT REPRESENTS, BUT
IF CORRECT, IT HAS SIMILAR STRUCTURE TO THE
TERRITORY, WHICH ACCOUNTS FOR ITS
USEFULNESS
Alfred Korzybski
LESSON 9
41
data & content design
LESSON 9
TUBE MAP
The first diagrammatic map of London's rapid transit network was designed by Harry Beck in
1931. Beck was a London Underground employee who realised that because the railway ran
mostly underground, the physical locations of the stations were largely irrelevant to the
traveller wanting to know how to get from one station to another — only the topology of the
route mattered.
To this end, Beck devised a simplified map, consisting of stations, straight line segments
connecting them, and the River Thames; lines ran only vertically, horizontally, or on 45-degree
diagonals. To make the map clearer and to emphasise connections, Beck differentiated
between ordinary stations (marked with tick marks) and interchange stations (marked with
diamonds).
▸ https://en.wikipedia.org/wiki/Tube_map
42
data & content design
LESSON 8
43
data & content design
LESSON 9
44
data & content design
LESSON 8
45
data & content design
LESSON 7
46
Maps, by Mizielinskas Mizielinski
data & content design
LESSON 7
47
Maps, by Mizielinskas Mizielinski
data & content design
LESSON 9
48
Maps, by Mizielinskas Mizielinski
CC-BY-NC xkcd,
https://xkcd.com/256/
data & content design
LESSON 7
49
Maps, by Mizielinskas Mizielinski
CC-BY-NC xkcd,
https://xkcd.com/802/
data & content design
LESSON 9
50
Maps, by Mizielinskas Mizielinski
CC-BY-NC xkcd,
https://xkcd.com/802/
data & content design
LESSON 9
BUBBLE GRAPH
51
During the 2012 London
Olympics, The New York
Times kept a running medal
count by country and visualized
the data in a simple table
data & content design
LESSON 9
BUBBLE GRAPH
52
The Times formatted the same information into a bubble graph. This approach
does a much better job conveying magnitude. 
https://www.nytimes.com/interactive/projects/london2012/results
data & content design
LESSON 9
BUBBLE GRAPH
53
data & content design
LESSON 9
54
Maps, by Mizielinskas Mizielinski
data & content design
LESSON 9
▸ https://stephanieevergreen.com/qualitative-chart-chooser/
55
data & content design
LESSON 9
▸ https://stephanieevergreen.com/qualitative-chart-chooser/
56
EXAMPLES
SOME
PHOTO BY JAREDD CRAIG ON UNSPLASH
data & content design
LESSON 9
58
https://www.washingtonpost.com/graphics/entertainment/game-of-thrones/
data & content design
LESSON 9
59
https://www.washingtonpost.com/graphics/2018/entertainment/avengers-infinity-war-mcu-timeline/
CONVERTERS
DOG’S AGE
PHOTO BY JAREDD CRAIG ON UNSPLASH
data & content design
LESSON 8
61
https://www.akc.org/expert-advice/
health/how-to-calculate-dog-years-
to-human-years/
data & content design
LESSON 8
62
https://www.washingtonpost.com/business/2019/11/28/scientists-have-come-up-with-better-way-convert-your-dogs-age-human-years/

More Related Content

What's hot

Around Data Science
Around Data ScienceAround Data Science
Around Data Science
Frieda Brioschi
 
How we perceive information
How we perceive informationHow we perceive information
How we perceive information
Frieda Brioschi
 
Digital communication (v. 2021 ITA)
Digital communication (v. 2021 ITA)Digital communication (v. 2021 ITA)
Digital communication (v. 2021 ITA)
Frieda Brioschi
 
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
Frieda Brioschi
 
Visual communication of quantitative data
Visual communication of quantitative dataVisual communication of quantitative data
Visual communication of quantitative data
Frieda Brioschi
 
How to collect and organize data (v. ITA 2021)
How to collect and organize data (v. ITA 2021)How to collect and organize data (v. ITA 2021)
How to collect and organize data (v. ITA 2021)
Frieda Brioschi
 
How we perceive information (v. 2021 ITA)
How we perceive information (v. 2021 ITA)How we perceive information (v. 2021 ITA)
How we perceive information (v. 2021 ITA)
Frieda Brioschi
 
How to collect and organize data
How to collect and organize dataHow to collect and organize data
How to collect and organize data
Frieda Brioschi
 
Data Analaytics.04. Data visualization
Data Analaytics.04. Data visualizationData Analaytics.04. Data visualization
Data Analaytics.04. Data visualization
Alex Rayón Jerez
 
Information visualization - introduction
Information visualization - introductionInformation visualization - introduction
Information visualization - introductionKatrien Verbert
 
Information visualization: information dashboards
Information visualization: information dashboardsInformation visualization: information dashboards
Information visualization: information dashboardsKatrien Verbert
 
Information visualization: presentation
Information visualization: presentationInformation visualization: presentation
Information visualization: presentationKatrien Verbert
 
Introduction to Data Visualization
Introduction to Data VisualizationIntroduction to Data Visualization
Introduction to Data Visualization
Stephen Tracy
 
Information visualization: interaction
Information visualization: interactionInformation visualization: interaction
Information visualization: interactionKatrien Verbert
 
Information visualization: case studies
Information visualization: case studiesInformation visualization: case studies
Information visualization: case studiesKatrien Verbert
 
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ..."Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
Hunter Whitney
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in Practice
Rami Sayar
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization
Ana Jofre
 
Data visualization in a nutshell
Data visualization in a nutshellData visualization in a nutshell
Data visualization in a nutshell
David Alayón
 

What's hot (20)

Around Data Science
Around Data ScienceAround Data Science
Around Data Science
 
How we perceive information
How we perceive informationHow we perceive information
How we perceive information
 
Digital communication (v. 2021 ITA)
Digital communication (v. 2021 ITA)Digital communication (v. 2021 ITA)
Digital communication (v. 2021 ITA)
 
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
Artificial Intelligence, Machine Learning & Tools (v. 2020 ITA)
 
Visual communication of quantitative data
Visual communication of quantitative dataVisual communication of quantitative data
Visual communication of quantitative data
 
How to collect and organize data (v. ITA 2021)
How to collect and organize data (v. ITA 2021)How to collect and organize data (v. ITA 2021)
How to collect and organize data (v. ITA 2021)
 
How we perceive information (v. 2021 ITA)
How we perceive information (v. 2021 ITA)How we perceive information (v. 2021 ITA)
How we perceive information (v. 2021 ITA)
 
How to collect and organize data
How to collect and organize dataHow to collect and organize data
How to collect and organize data
 
Data Analaytics.04. Data visualization
Data Analaytics.04. Data visualizationData Analaytics.04. Data visualization
Data Analaytics.04. Data visualization
 
Information visualization - introduction
Information visualization - introductionInformation visualization - introduction
Information visualization - introduction
 
Information visualization: information dashboards
Information visualization: information dashboardsInformation visualization: information dashboards
Information visualization: information dashboards
 
Visual analytics
Visual analyticsVisual analytics
Visual analytics
 
Information visualization: presentation
Information visualization: presentationInformation visualization: presentation
Information visualization: presentation
 
Introduction to Data Visualization
Introduction to Data VisualizationIntroduction to Data Visualization
Introduction to Data Visualization
 
Information visualization: interaction
Information visualization: interactionInformation visualization: interaction
Information visualization: interaction
 
Information visualization: case studies
Information visualization: case studiesInformation visualization: case studies
Information visualization: case studies
 
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ..."Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
"Introduction to Data Visualization" Workshop for General Assembly by Hunter ...
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in Practice
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization
 
Data visualization in a nutshell
Data visualization in a nutshellData visualization in a nutshell
Data visualization in a nutshell
 

Similar to Visual communication of qualitative data (v. 2020 ITA)

Visual communication of qualitative and quantitative data (v. 2021 ITA)
Visual communication of qualitative and quantitative data (v. 2021 ITA)Visual communication of qualitative and quantitative data (v. 2021 ITA)
Visual communication of qualitative and quantitative data (v. 2021 ITA)
Frieda Brioschi
 
IntroIntro.pptx
IntroIntro.pptxIntroIntro.pptx
IntroIntro.pptx
Fernando Morales Sánchez
 
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-shareBigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
stelligence
 
Data centric business and knowledge graph trends
Data centric business and knowledge graph trendsData centric business and knowledge graph trends
Data centric business and knowledge graph trends
Alan Morrison
 
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing ScienceENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
Jodie Nicotra
 
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED) RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
ijma
 
What is data visualization
What is data visualizationWhat is data visualization
What is data visualization
intellect808
 
Infograph Power!
Infograph Power!Infograph Power!
Infograph Power!
introtodigital
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
Amanda Makulec
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
JSI
 
Making Data Meaningful
Making Data MeaningfulMaking Data Meaningful
Making Data Meaningful
JSI
 
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
ijma
 
The approach to visualize information into graphic design
The approach to visualize information into graphic designThe approach to visualize information into graphic design
The approach to visualize information into graphic design
Tracy Hsu
 
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
IL Group (CILIP Information Literacy Group)
 
Keysto effectivedatavisualization fsfp
Keysto effectivedatavisualization fsfpKeysto effectivedatavisualization fsfp
Keysto effectivedatavisualization fsfp
DATAVERSITY
 
A Comprehensive Learning Path to Become a Data Science 2021.pptx
A Comprehensive Learning Path to Become a Data Science 2021.pptxA Comprehensive Learning Path to Become a Data Science 2021.pptx
A Comprehensive Learning Path to Become a Data Science 2021.pptx
RajSingh512965
 
Tableau Final Presentation
Tableau Final PresentationTableau Final Presentation
Tableau Final Presentation
Anvesh Rao
 
Tableau Presentation
Tableau PresentationTableau Presentation
Tableau Presentation
Andrea Bissoli
 

Similar to Visual communication of qualitative data (v. 2020 ITA) (20)

Visual communication of qualitative and quantitative data (v. 2021 ITA)
Visual communication of qualitative and quantitative data (v. 2021 ITA)Visual communication of qualitative and quantitative data (v. 2021 ITA)
Visual communication of qualitative and quantitative data (v. 2021 ITA)
 
IntroIntro.pptx
IntroIntro.pptxIntroIntro.pptx
IntroIntro.pptx
 
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-shareBigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
 
Data centric business and knowledge graph trends
Data centric business and knowledge graph trendsData centric business and knowledge graph trends
Data centric business and knowledge graph trends
 
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing ScienceENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
ENGL 318 SP18 Project 3 Assignment Sheet: Visualizing Science
 
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED) RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
 
What is data visualization
What is data visualizationWhat is data visualization
What is data visualization
 
Infograph Power!
Infograph Power!Infograph Power!
Infograph Power!
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
 
Making Data Meaningful
Making Data MeaningfulMaking Data Meaningful
Making Data Meaningful
 
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
RECOMMENDED ELEMENTS OF INFOGRAPHICS IN EDUCATION (PROGRAMMING FOCUSED)
 
The approach to visualize information into graphic design
The approach to visualize information into graphic designThe approach to visualize information into graphic design
The approach to visualize information into graphic design
 
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
Teaching Data Literacy and Data Visualization as One-Credit Course - Tatiana ...
 
Keysto effectivedatavisualization fsfp
Keysto effectivedatavisualization fsfpKeysto effectivedatavisualization fsfp
Keysto effectivedatavisualization fsfp
 
A Comprehensive Learning Path to Become a Data Science 2021.pptx
A Comprehensive Learning Path to Become a Data Science 2021.pptxA Comprehensive Learning Path to Become a Data Science 2021.pptx
A Comprehensive Learning Path to Become a Data Science 2021.pptx
 
Data scientist
Data scientistData scientist
Data scientist
 
Meda5400ConceptMapping
Meda5400ConceptMappingMeda5400ConceptMapping
Meda5400ConceptMapping
 
Tableau Final Presentation
Tableau Final PresentationTableau Final Presentation
Tableau Final Presentation
 
Tableau Presentation
Tableau PresentationTableau Presentation
Tableau Presentation
 

More from Frieda Brioschi

Storytelling with data (v. 2021 ITA)
Storytelling with data (v. 2021 ITA)Storytelling with data (v. 2021 ITA)
Storytelling with data (v. 2021 ITA)
Frieda Brioschi
 
Data Lingo (v. ITA 2021)
Data Lingo (v. ITA 2021)Data Lingo (v. ITA 2021)
Data Lingo (v. ITA 2021)
Frieda Brioschi
 
Information Classification (v. ITA 2021)
Information Classification (v. ITA 2021)Information Classification (v. ITA 2021)
Information Classification (v. ITA 2021)
Frieda Brioschi
 
What are data and information, why they matter (v. ITA 2021)
What are data and information, why they matter (v. ITA 2021)What are data and information, why they matter (v. ITA 2021)
What are data and information, why they matter (v. ITA 2021)
Frieda Brioschi
 
Storytelling with data (v. 2020 ITA)
Storytelling with data (v. 2020 ITA)Storytelling with data (v. 2020 ITA)
Storytelling with data (v. 2020 ITA)
Frieda Brioschi
 
Data Lingo (v. ITA 2020)
Data Lingo (v. ITA 2020)Data Lingo (v. ITA 2020)
Data Lingo (v. ITA 2020)
Frieda Brioschi
 
Information Classification (v. ITA 2020)
Information Classification (v. ITA 2020)Information Classification (v. ITA 2020)
Information Classification (v. ITA 2020)
Frieda Brioschi
 
What are data and information, why they matter (v. ITA 2020)
What are data and information, why they matter (v. ITA 2020)What are data and information, why they matter (v. ITA 2020)
What are data and information, why they matter (v. ITA 2020)
Frieda Brioschi
 
Storytelling with data
Storytelling with dataStorytelling with data
Storytelling with data
Frieda Brioschi
 
Data Lingo
Data LingoData Lingo
Data Lingo
Frieda Brioschi
 
Information Classification
Information ClassificationInformation Classification
Information Classification
Frieda Brioschi
 
What are data and information, why they matter
What are data and information, why they matterWhat are data and information, why they matter
What are data and information, why they matter
Frieda Brioschi
 
Communication for beginners (v. 2019 ita)
Communication for beginners (v. 2019 ita)Communication for beginners (v. 2019 ita)
Communication for beginners (v. 2019 ita)
Frieda Brioschi
 

More from Frieda Brioschi (13)

Storytelling with data (v. 2021 ITA)
Storytelling with data (v. 2021 ITA)Storytelling with data (v. 2021 ITA)
Storytelling with data (v. 2021 ITA)
 
Data Lingo (v. ITA 2021)
Data Lingo (v. ITA 2021)Data Lingo (v. ITA 2021)
Data Lingo (v. ITA 2021)
 
Information Classification (v. ITA 2021)
Information Classification (v. ITA 2021)Information Classification (v. ITA 2021)
Information Classification (v. ITA 2021)
 
What are data and information, why they matter (v. ITA 2021)
What are data and information, why they matter (v. ITA 2021)What are data and information, why they matter (v. ITA 2021)
What are data and information, why they matter (v. ITA 2021)
 
Storytelling with data (v. 2020 ITA)
Storytelling with data (v. 2020 ITA)Storytelling with data (v. 2020 ITA)
Storytelling with data (v. 2020 ITA)
 
Data Lingo (v. ITA 2020)
Data Lingo (v. ITA 2020)Data Lingo (v. ITA 2020)
Data Lingo (v. ITA 2020)
 
Information Classification (v. ITA 2020)
Information Classification (v. ITA 2020)Information Classification (v. ITA 2020)
Information Classification (v. ITA 2020)
 
What are data and information, why they matter (v. ITA 2020)
What are data and information, why they matter (v. ITA 2020)What are data and information, why they matter (v. ITA 2020)
What are data and information, why they matter (v. ITA 2020)
 
Storytelling with data
Storytelling with dataStorytelling with data
Storytelling with data
 
Data Lingo
Data LingoData Lingo
Data Lingo
 
Information Classification
Information ClassificationInformation Classification
Information Classification
 
What are data and information, why they matter
What are data and information, why they matterWhat are data and information, why they matter
What are data and information, why they matter
 
Communication for beginners (v. 2019 ita)
Communication for beginners (v. 2019 ita)Communication for beginners (v. 2019 ita)
Communication for beginners (v. 2019 ita)
 

Recently uploaded

Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
timhan337
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
BhavyaRajput3
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
Peter Windle
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Atul Kumar Singh
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
DhatriParmar
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 

Recently uploaded (20)

Honest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptxHonest Reviews of Tim Han LMA Course Program.pptx
Honest Reviews of Tim Han LMA Course Program.pptx
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCECLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
CLASS 11 CBSE B.St Project AIDS TO TRADE - INSURANCE
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
Embracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic ImperativeEmbracing GenAI - A Strategic Imperative
Embracing GenAI - A Strategic Imperative
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
Guidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th SemesterGuidance_and_Counselling.pdf B.Ed. 4th Semester
Guidance_and_Counselling.pdf B.Ed. 4th Semester
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
The Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptxThe Accursed House by Émile Gaboriau.pptx
The Accursed House by Émile Gaboriau.pptx
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 

Visual communication of qualitative data (v. 2020 ITA)

  • 1. data & content design Frieda Brioschi - frieda.brioschi@gmail.com Emma Tracanella - emma.tracanella@gmail.com VISUAL COMMUNICATION OF QUALITATIVE DATA LESSON 9 - 2020
  • 2. INTO YOUR DATA PROJECT LET’S JUMP
  • 3. data & content design LESSON 9 3 UPDATES ON YOUR PROJECT Photo by William Iven on Unsplash
  • 4. data & content design LESSON 9 4 UPDATES ON YOUR PROJECT FOR THE FINAL EXAMINATION Photo by William Iven on Unsplash
  • 5. data & content design LESSON 9 5 EXAMPLE FROM PAST EXAMS Photo by William Iven on Unsplash
  • 7. data & content design LESSON 9 DEFINITION 7 A data visualization is a visual representation of data created to amplify the cognitive processing and the social application of the data represented (Borgo/ Cairo 2013). The main division line on the content side is whether the data that are visualized are numerical o non-numerical. Non-numerical data might refer to collections of documents, network relations, topographical structures, etc.
  • 8. data & content design LESSON 9 MAIN SOURCES OF NON-NUMERICAL DATA COLLECTION 8
  • 9. data & content design LESSON 8 9
  • 10. data & content design LESSON 9 GOAL The most common sources of qualitative data include interviews, observations, and documents, none of which can be “crunched” easily by statistical software. The goal of qualitative data analysis is to uncover emerging themes, patterns, concepts, insights, and understandings. Qualitative studies often use an analytic framework — a network of linked concepts and classifications — to understand an underlying process; that is, a sequence of events or constructs and how they relate. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 10
  • 11. data & content design LESSON 9 QUALITATIVE DATA ANALYSIS Data analysis in qualitative research focuses on qualities more than quantities. The statistical focus on the p value in quantitative research is replaced in qualitative research with pattern seeking and the extraction of meaning from rich, complex sources of linguistic (narrative) or visual (image) data. Much effort is directed toward the creation of categories. Words, symbols, metaphors, vignettes, and an entire array of creative linguistic tools or visual displays may be used instead of the “number crunching” employed in qualitative data analysis. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 11
  • 12. data & content design LESSON 9 CREATIVE THINKING The types of thinking and skills needed for qualitative data analysis are different from those needed for quantitative data analysis. Creativity, divergent thinking, keen perception of patterns among ambiguity, and strong writing skills are helpful for qualitative data analysis. Qualitative analysis is less dependent on computing software. Whereas statistical analysis often centers on the p value, qualitative data analysis involves more time- consuming extraction of meaning from multiple sources of complex data. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 12
  • 13. data & content design LESSON 9 THE QUALITATIVE METAPHORS Qualitative data analysts face the task of recording data via a variety of methods (interviews, observation, field notes, etc.), coding and categorizing (using a variety of clustering and classification schemes), attaching concepts to the categories, linking and combining (integrating) abstract concepts, creating theory from emerging themes, and writing an understanding. Metaphors are useful as interpretive tools in this process, serving a heuristic (guiding) role or explaining the elements of a theory. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 13
  • 14. data & content design LESSON 9 KALEIDOSCOPE One useful metaphor is a kaleidoscope for the purpose of describing qualitative data analysis. Grouping similar data bits together, then comparing bits within a pile. Differentiation creates subpiles, which eventually become connected by a pattern they share. This process requires continual “back and forth” refinement until a grand concept emerges. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/ 43144_12.pdf 14
  • 15. data & content design LESSON 9 JIGSAW PUZZLE Assembling data into an explanation is akin to reassembling puzzle pieces. One strategy is grouping all pieces that look alike, sky for example, and placing these pieces near the top. Other sketchy-looking objects may be grouped together using any dimension (e.g., color) whose properties make conceptual sense. Puzzle pieces will have to be rearranged many times before the reassembled pieces emerge into a coherent pattern. If successful, a whole structure will eventually be built, held tight by the interconnected pieces. ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 15
  • 16. data & content design LESSON 9 SYMPHONY Qualitative data analysis is best understand as a symphony based on three elegant but simple notes: noticing, collecting, and thinking. Clearly not linear, the process is described as iterative (a repeating cycle), recursive (returning to a previous point), and “holographic” (each “note” contains a whole) with “swirls and eddies.” When one notices, one records information and codes it using an organizing framework. When one collects, one shifts and sorts information. When one thinks, one finds patterns, makes sense of them, and makes discoveries (including “wholes” and “holes”). ▸ https://www.sagepub.com/sites/default/files/upm-binaries/43144_12.pdf 16
  • 17. data & content design LESSON 9 DATA VISUALIZATION AS A TOOL Data visualization can be a powerful tool in qualitative reporting. While we certainly can’t completely escape text-centric pages in our qualitative reports, graphics add visual interest and help break up the monotony of pages (or slides) of text. Graphics help support qualitative findings and enable us to communicate in more interesting ways beyond words on paper (or a screen). Effective data visualization can also help readers understand concepts more quickly and easily and make information more memorable. 17 https://www.qrca.org/blogpost/1488356/323845/Data-Visualization-3-Ways-to-Make-Your-Qualitative-Reports-Pop
  • 18. data & content design LESSON 9 DATA VISUALIZATION IN JOURNALISM Newspapers and other media outlets have jumped on board the data visualization. Publications like The Washington Post, The New York Times and the Los Angeles Times employ full-time data journalists to augment their reporting. These folks take an enormous trove of data on a particular topic and expertly slice, dice and manipulate the information into interactive graphics that communicate big ideas in an accessible and elegant way. 18
  • 19. data & content design LESSON 9 THE CONFIRMED U.S. MEASLES CASES BY COUNTY IN 2019 19 https://www.nytimes.com/interactive/2019/health/measles-outbreak.html
  • 20. data & content design LESSON 9 THE EARLIER START OF SPRING IN SOME PARTS OF THE U.S. 20 https://www.washingtonpost.com/graphics/2018/national/early-spring/
  • 21. data & content design LESSON 9 THE EARLIER START OF SPRING IN SOME PARTS OF THE U.S. 21 https://www.washingtonpost.com/graphics/2018/national/early-spring/
  • 23. data & content design LESSON 9 MIND MAP A mind map is a hierarchical diagram used to visually organize information, showing relationships among pieces of the whole. It is often created around a single concept, drawn as an image in the center of a blank page, to which associated representations of ideas such as images, words and parts of words are added. Major ideas are connected directly to the central concept, and other ideas branch out from those major ideas. ▸ https://en.wikipedia.org/wiki/Mind_map 23
  • 24. data & content design LESSON 9 BUZAN’S GUIDELINES 1. Start in the center with an image of the topic, using at least 3 colors. 2. Use images, symbols, codes, and dimensions throughout your mind map. 3. Select key words and print using upper or lower case letters. 4. Each word/image is best alone and sitting on its own line. 5. The lines should be connected, starting from the central image. The lines become thinner as they radiate out from the center. 24
  • 25. data & content design LESSON 9 BUZAN’S GUIDELINES 6. Make the lines the same length as the word/image they support. 7. Use multiple colors throughout the mind map, for visual stimulation and also for encoding or grouping. 8. Develop your own personal style of mind mapping. 9. Use emphasis and show associations in your mind map. 10.Keep the mind map clear by using radial hierarchy or outlines to embrace your branches. ▸ https://en.wikipedia.org/wiki/Mind_map 25
  • 26. data & content design LESSON 8 26https://www.mindmeister.com/blog/why-mind-mapping/
  • 27. data & content design LESSON 9 27
  • 28. data & content design LESSON 9 FLOW DIAGRAM A flow diagram is a diagram that visually displays interrelated information such as events, steps in a process, functions, etc., in an organized fashion, such as sequentially or chronologically. ▸ https://books.google.com/books? id=qusmDAAAQBAJ&printsec=frontcover#v=onepage&q=%2 2flow%20diagram%22&f=false 28
  • 29. data & content design LESSON 8 29
  • 30. data & content design LESSON 9 30https://kallwejt.com/filter/Baltimore/Baltimore-Waste-1
  • 31. data & content design LESSON 9 CUSTOMER JOURNEY MAPS 31 Customer journey maps are another way to employ data visualization in qualitative reports. Is a way of walking through a process or service, from the perspective of someone who is interacting with it.
  • 32. data & content design LESSON 7 32 https://neiltamplin.me/an-example-customer-journey-map-for-a-housing-association-22b3719dcc10
  • 33. data & content design LESSON 9 33 https://www.brightvessel.com/customer-journey-map-2018/
  • 34. data & content design LESSON 9 WORD CLOUDS The most obvious strategy for visualizing text-based data: the word cloud, also known as a tag cloud. Frequent words or phrases are shown in larger, bolder font. Less-frequent words or phrases are shown in a smaller font. Word clouds are okay for visualizing one-word descriptions, but not for visualizing all your qualitative data. 34
  • 35. data & content design LESSON 9 ONE WORD FOR TEACHER 35 People described their favorite teacher using only one word and the adjectives were visualized in a word cloud shaped like an apple.
  • 36. data & content design LESSON 9 BEFORE AFTER COMPARISON 36 Word clouds are also great for before/after comparisons, like these tweets describing breakups. https://www.vice.com/en_us/article/ezvaba/what-our-breakups-look-like-on-twitter
  • 37. data & content design LESSON 9 ONE WORD FOR OBAMA 37 People described Barack Obama using only one word and the adjectives were visualized in a bubble cloud (and then color- coded by the sentiment or tone of that adjective).
  • 38. data & content design LESSON 9 COLOR-CODED PHRASES 38 The New York Times’ election coverage in 2016 compared and contrasted speeches from Donald Trump and Hillary Clinton. First, the New York Times team presented miniature thumbnail images of each nominee’s convention speech.  https://www.nytimes.com/interactive/2016/07/29/us/elections/trump-clinton-pence-kaine-speeches.html
  • 39. data & content design LESSON 9 COLOR-CODED PHRASES 39 Directly underneath the thumbnails, the New York Times team pulled out a few sample quotes so that readers can get a sense of what was said.
  • 40. data & content design LESSON 9 MAPS Maps are artifacts that help us make decisions, in so much as they visually organize data and information on a space; their aim is to make what they see comprehensible and usable, to bring it to our knowledge. The language of maps, in particular, is a circular course that starts from humanity’s need to explore its surroundings by sharing information, and ending with the need to plan and shape the reality in which it is immersed. Observation, abstraction and landing are processes that take place in the ends of those who perform them. ▸ https://it.moleskine.com/mind-maps-and-infographics/p0198 40
  • 41. data & content design A MAP IS NOT THE TERRITORY IT REPRESENTS, BUT IF CORRECT, IT HAS SIMILAR STRUCTURE TO THE TERRITORY, WHICH ACCOUNTS FOR ITS USEFULNESS Alfred Korzybski LESSON 9 41
  • 42. data & content design LESSON 9 TUBE MAP The first diagrammatic map of London's rapid transit network was designed by Harry Beck in 1931. Beck was a London Underground employee who realised that because the railway ran mostly underground, the physical locations of the stations were largely irrelevant to the traveller wanting to know how to get from one station to another — only the topology of the route mattered. To this end, Beck devised a simplified map, consisting of stations, straight line segments connecting them, and the River Thames; lines ran only vertically, horizontally, or on 45-degree diagonals. To make the map clearer and to emphasise connections, Beck differentiated between ordinary stations (marked with tick marks) and interchange stations (marked with diamonds). ▸ https://en.wikipedia.org/wiki/Tube_map 42
  • 43. data & content design LESSON 8 43
  • 44. data & content design LESSON 9 44
  • 45. data & content design LESSON 8 45
  • 46. data & content design LESSON 7 46 Maps, by Mizielinskas Mizielinski
  • 47. data & content design LESSON 7 47 Maps, by Mizielinskas Mizielinski
  • 48. data & content design LESSON 9 48 Maps, by Mizielinskas Mizielinski CC-BY-NC xkcd, https://xkcd.com/256/
  • 49. data & content design LESSON 7 49 Maps, by Mizielinskas Mizielinski CC-BY-NC xkcd, https://xkcd.com/802/
  • 50. data & content design LESSON 9 50 Maps, by Mizielinskas Mizielinski CC-BY-NC xkcd, https://xkcd.com/802/
  • 51. data & content design LESSON 9 BUBBLE GRAPH 51 During the 2012 London Olympics, The New York Times kept a running medal count by country and visualized the data in a simple table
  • 52. data & content design LESSON 9 BUBBLE GRAPH 52 The Times formatted the same information into a bubble graph. This approach does a much better job conveying magnitude.  https://www.nytimes.com/interactive/projects/london2012/results
  • 53. data & content design LESSON 9 BUBBLE GRAPH 53
  • 54. data & content design LESSON 9 54 Maps, by Mizielinskas Mizielinski
  • 55. data & content design LESSON 9 ▸ https://stephanieevergreen.com/qualitative-chart-chooser/ 55
  • 56. data & content design LESSON 9 ▸ https://stephanieevergreen.com/qualitative-chart-chooser/ 56
  • 58. data & content design LESSON 9 58 https://www.washingtonpost.com/graphics/entertainment/game-of-thrones/
  • 59. data & content design LESSON 9 59 https://www.washingtonpost.com/graphics/2018/entertainment/avengers-infinity-war-mcu-timeline/
  • 61. data & content design LESSON 8 61 https://www.akc.org/expert-advice/ health/how-to-calculate-dog-years- to-human-years/
  • 62. data & content design LESSON 8 62 https://www.washingtonpost.com/business/2019/11/28/scientists-have-come-up-with-better-way-convert-your-dogs-age-human-years/