SlideShare a Scribd company logo
Julie Rodriguez
Expanding
Our Visual
Literacy
@juliargentinaG
External
Communications
Explain Visually
Individual
Displays
Internal
Presentations
Collected
Information
4. Show then tell
3. Easy to navigate
1. Relevant
2. Scan & scrutinize
Desperately Seeking
Graphical perception 

Relative ranking
Figure 1.
Elementary perceptual tasks, William S. Cleveland;
Robert McGill
Journal of the American Statistical Association,
September 1984
Relative accuracy of various graphical forms that
convey quantitative information
POSITION
COMMON
SCALE
10
5
0
POSITION
NON-
ALIGNED
SCALES
1
0
0
10
0
LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR
SATURATION
VOLUME
1 2 3 4 5 6 7 8 9 10
Alignment &
sort order
Why Is This Method Effective
Accuracy & 

Perception
Design
Elements
Foreground/
background
Color pallet w/
associations
POSITION
COMMON
SCALE
1
0
5
0
POSITION
NON-
ALIGNED
SCALES
1
0
0
1
0
0
LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR
SATURATIO
N
VOLUME
1 2 3 4 5 6 7 8 9 10
Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill
Journal of the American Statistical Association, September 1984
Why Is This Method Effective
Accuracy & 

Perception
Design
Elements
Foreground/
background
Color pallet w/
associations
POSITION
COMMON
SCALE
1
0
5
0
POSITION
NON-
ALIGNED
SCALES
1
0
0
1
0
0
LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR
SATURATIO
N
VOLUME
1 2 3 4 5 6 7 8 9 10
Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill
Journal of the American Statistical Association, September 1984
Embed context into
your data displays
Why Is This Method Effective
Accuracy & 

Perception
Design
Elements
Color pallet w/
associations
POSITION
COMMON
SCALE
1
0
5
0
POSITION
NON-
ALIGNED
SCALES
1
0
0
1
0
0
LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR
SATURATIO
N
VOLUME
1 2 3 4 5 6 7 8 9 10
Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill
Journal of the American Statistical Association, September 1984
Alignment &
sort order
Proximity/
comparison
Details on
demand
Grouping Foreground/
background
Aggregation enables
better data navigation
Statements of Cash Flows
Why Is This Method Effective
Design
Elements
Limited color pallet
w/ associations
Connectedness Grouping Foreground/
background
Accuracy & 

Perception
POSITION
COMMON
SCALE
1
0
5
0
POSITION
NON-
ALIGNED
SCALES
1
0
0
1
0
0
LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR
SATURATIO
N
VOLUME
1 2 3 4 5 6 7 8 9 10
Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill
Journal of the American Statistical Association, September 1984
Lead with

visuals, then

layer in the text
Easy to navigate
Scan & scrutinize
Relevant
Show then tell
2.
1.
3.
4.
SUMMARY
Structured/Unstructured,
Time, Coordinates, String, Numbers,
Nominal, Ordinal, Interval
DATA
Structured/Unstructured,
Time, Coordinates, String, Numbers,
Nominal, Ordinal, Interval
DATA
Structured/Unstructured,
Time, Coordinates, String, Numbers,
Nominal, Ordinal, Interval
Industry
Clients
Firm
DATA
DRIVERS
Structured/Unstructured,
Time, Coordinates, String, Numbers,
Nominal, Ordinal, Interval
Industry
Clients
Firm
DATA
DRIVERS
Structured/Unstructured,
Time, Coordinates, String, Numbers,
Nominal, Ordinal, Interval
Industry
Clients
Firm
User Centered
Approach
Information Design
Multi-channel
Experience
DATA
DRIVERSDELIVERY
40+ use cases
100+ new visualization methods
250+ illustrations
450 pages
Explore... Expand...
Questions?
Thank You…
Visualization Tools (spectrum)
CUSTOM SOLUTIONSPREBUILT SOLUTIONS
RAW
Spreadsheet to
vector graphics
built on D3.JS
Plotly
JavaScripting
graphing library
SandDance
Collaborative app
for visualizing data
IBM Watson
Analytics
Discovery
delivered on the
cloud
Online Web
Apps
Tableau
BI software
QlikView
BI software
Tibco Spotfire
Data viz and
analytics software
SAS Visual
Analytics
BI, Data exploration
& analytics
Trifacta
Explore and
transform data
sources
Generalized
Software
Highcharts
JavaScript
library
D3
Opensource
JavaScript
library
Google Charts
Ready to use
chart types
R
Software for
statistical
computing and
graphics
Processing
IDE for visual
communication
Open Source
Programing Languages
Charting
Packages
MATLAB
Multi-paradigm
numerical
computing
environment
Mathematica
A computation
platform
Technical
Computing
Gephi
Exploration for
graphs and
networks
ArcGIS
Mapping
software
QGIS
Mapping
software
Excel/ Adobe/
HTML5
Separate tools
for data,
visualizations,
and interactivity
Mix of
Tools
Specialized Skillset: Domain Expertise, Data Science, Stats, Programming, Visual Design
No Specialized Skillset Required
Specialized
Software
Graphical perception (relative ranking)
Journal of the American Statistical Association,
September 1984
William S. Cleveland; Robert McGill
Relative accuracy of various
graphical forms that convey
quantitative information

More Related Content

Similar to Data Visualizations That Expand Your Visual Literacy

Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
rkottam
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
rkottam
 
Plan601 e session 2 presentation
Plan601 e session 2 presentationPlan601 e session 2 presentation
Plan601 e session 2 presentationrkottamasu
 
The Data Stroytelling Handbook
The Data Stroytelling HandbookThe Data Stroytelling Handbook
The Data Stroytelling Handbook
ssuserd075da
 
Making sense of data visually: A modern look at datavisualization
Making sense of data visually: A modern look at datavisualizationMaking sense of data visually: A modern look at datavisualization
Making sense of data visually: A modern look at datavisualization
Vladimir Milev
 
Plan601 e session 2 presentation
Plan601 e session 2 presentationPlan601 e session 2 presentation
Plan601 e session 2 presentationrkottam
 
Data Visualization dataviz superpower
Data Visualization dataviz superpowerData Visualization dataviz superpower
Data Visualization dataviz superpower
Jen Stirrup
 
Cpt 1
Cpt  1Cpt  1
Cpt 1
Zeb9
 
Courseworkguide Grassington
Courseworkguide GrassingtonCourseworkguide Grassington
Courseworkguide Grassington
jacksonthree
 
Visualiation of quantitative information
Visualiation of quantitative informationVisualiation of quantitative information
Visualiation of quantitative information
James Neill
 
Qa improvement
Qa improvementQa improvement
Qa improvement
Jitesh Gaurav
 
Visual communication of quantitative data
Visual communication of quantitative dataVisual communication of quantitative data
Visual communication of quantitative data
Frieda Brioschi
 
Geog Coursework Guide
Geog Coursework GuideGeog Coursework Guide
Geog Coursework Guidewortha
 
The Science of Powerful Data Visualizations
The Science of Powerful Data VisualizationsThe Science of Powerful Data Visualizations
The Science of Powerful Data Visualizations
Silvia Convento, PhD
 
Creating Effective Visuals for Teaching and Presentation
Creating Effective Visuals for Teaching and PresentationCreating Effective Visuals for Teaching and Presentation
Creating Effective Visuals for Teaching and Presentation
Kristen Sosulski
 
IBM Business Analytics Dashboarding Tips > Cresco International
IBM Business Analytics Dashboarding Tips > Cresco International IBM Business Analytics Dashboarding Tips > Cresco International
IBM Business Analytics Dashboarding Tips > Cresco International
Cresco International
 
docuri.com_-best-practices-in-data-visualizations.pdf
docuri.com_-best-practices-in-data-visualizations.pdfdocuri.com_-best-practices-in-data-visualizations.pdf
docuri.com_-best-practices-in-data-visualizations.pdf
José Jiménez
 
Data visualization of Big Data analytics
Data visualization of Big Data analytics Data visualization of Big Data analytics
Data visualization of Big Data analytics
nandini patil
 
Visual Presentation
Visual Presentation Visual Presentation
Visual Presentation
Usama Noor Chohan
 
Eggars setting the scene
Eggars setting the sceneEggars setting the scene
Eggars setting the scene
Mrs Coles
 

Similar to Data Visualizations That Expand Your Visual Literacy (20)

Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
 
Plan601 e session 2 lesson
Plan601 e session 2 lessonPlan601 e session 2 lesson
Plan601 e session 2 lesson
 
Plan601 e session 2 presentation
Plan601 e session 2 presentationPlan601 e session 2 presentation
Plan601 e session 2 presentation
 
The Data Stroytelling Handbook
The Data Stroytelling HandbookThe Data Stroytelling Handbook
The Data Stroytelling Handbook
 
Making sense of data visually: A modern look at datavisualization
Making sense of data visually: A modern look at datavisualizationMaking sense of data visually: A modern look at datavisualization
Making sense of data visually: A modern look at datavisualization
 
Plan601 e session 2 presentation
Plan601 e session 2 presentationPlan601 e session 2 presentation
Plan601 e session 2 presentation
 
Data Visualization dataviz superpower
Data Visualization dataviz superpowerData Visualization dataviz superpower
Data Visualization dataviz superpower
 
Cpt 1
Cpt  1Cpt  1
Cpt 1
 
Courseworkguide Grassington
Courseworkguide GrassingtonCourseworkguide Grassington
Courseworkguide Grassington
 
Visualiation of quantitative information
Visualiation of quantitative informationVisualiation of quantitative information
Visualiation of quantitative information
 
Qa improvement
Qa improvementQa improvement
Qa improvement
 
Visual communication of quantitative data
Visual communication of quantitative dataVisual communication of quantitative data
Visual communication of quantitative data
 
Geog Coursework Guide
Geog Coursework GuideGeog Coursework Guide
Geog Coursework Guide
 
The Science of Powerful Data Visualizations
The Science of Powerful Data VisualizationsThe Science of Powerful Data Visualizations
The Science of Powerful Data Visualizations
 
Creating Effective Visuals for Teaching and Presentation
Creating Effective Visuals for Teaching and PresentationCreating Effective Visuals for Teaching and Presentation
Creating Effective Visuals for Teaching and Presentation
 
IBM Business Analytics Dashboarding Tips > Cresco International
IBM Business Analytics Dashboarding Tips > Cresco International IBM Business Analytics Dashboarding Tips > Cresco International
IBM Business Analytics Dashboarding Tips > Cresco International
 
docuri.com_-best-practices-in-data-visualizations.pdf
docuri.com_-best-practices-in-data-visualizations.pdfdocuri.com_-best-practices-in-data-visualizations.pdf
docuri.com_-best-practices-in-data-visualizations.pdf
 
Data visualization of Big Data analytics
Data visualization of Big Data analytics Data visualization of Big Data analytics
Data visualization of Big Data analytics
 
Visual Presentation
Visual Presentation Visual Presentation
Visual Presentation
 
Eggars setting the scene
Eggars setting the sceneEggars setting the scene
Eggars setting the scene
 

More from UXPA Boston

How Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier PlaceHow Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier Place
UXPA Boston
 
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 Research + Psychology = Magic How to Plan and Analyze Research with the COM-... Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
UXPA Boston
 
In Case of Emergency, Break Taboo
In Case of Emergency, Break TabooIn Case of Emergency, Break Taboo
In Case of Emergency, Break Taboo
UXPA Boston
 
Getting the Right Research Participants
Getting the Right Research ParticipantsGetting the Right Research Participants
Getting the Right Research Participants
UXPA Boston
 
Purpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language SystemPurpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language System
UXPA Boston
 
Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...
UXPA Boston
 
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
UXPA Boston
 
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX ProfessionalsCPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
UXPA Boston
 
The Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft SkillsThe Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft Skills
UXPA Boston
 
Building Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over TimeBuilding Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over Time
UXPA Boston
 
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs7 Tips for Making Websites ReadableBattling the Blah-Blah-Blahs7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
UXPA Boston
 
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ... Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
UXPA Boston
 
The Fracturing of the Experience Movement
The Fracturing of the Experience MovementThe Fracturing of the Experience Movement
The Fracturing of the Experience Movement
UXPA Boston
 
Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.
UXPA Boston
 
Art of Information: A Guide to Data Visualization
Art of Information: A Guide to Data VisualizationArt of Information: A Guide to Data Visualization
Art of Information: A Guide to Data Visualization
UXPA Boston
 
Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!
UXPA Boston
 
Listen up! Improving listening skills and awareness
Listen up! Improving listening skills and awarenessListen up! Improving listening skills and awareness
Listen up! Improving listening skills and awareness
UXPA Boston
 
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
UXPA Boston
 
Make It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile TeamsMake It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile Teams
UXPA Boston
 
3 Secrets of Accessibility
3 Secrets of Accessibility3 Secrets of Accessibility
3 Secrets of Accessibility
UXPA Boston
 

More from UXPA Boston (20)

How Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier PlaceHow Designers Can Make the World a Happier Place
How Designers Can Make the World a Happier Place
 
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 Research + Psychology = Magic How to Plan and Analyze Research with the COM-... Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
Research + Psychology = Magic How to Plan and Analyze Research with the COM-...
 
In Case of Emergency, Break Taboo
In Case of Emergency, Break TabooIn Case of Emergency, Break Taboo
In Case of Emergency, Break Taboo
 
Getting the Right Research Participants
Getting the Right Research ParticipantsGetting the Right Research Participants
Getting the Right Research Participants
 
Purpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language SystemPurpose Before Action: Why you need a Design Language System
Purpose Before Action: Why you need a Design Language System
 
Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...Digital whiteboarding and other techniques
 for remote collaboration and idea...
Digital whiteboarding and other techniques
 for remote collaboration and idea...
 
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
Participatory Paradigm Shifts Workshop Methods to Design Innovative Products ...
 
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX ProfessionalsCPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
CPUX – A Serious (and Usable?) European Attempt at Certifying UX Professionals
 
The Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft SkillsThe Wallflower's Guide to Selling Your Soft Skills
The Wallflower's Guide to Selling Your Soft Skills
 
Building Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over TimeBuilding Your Benchmark: How to Measure UX for Product Impact Over Time
Building Your Benchmark: How to Measure UX for Product Impact Over Time
 
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs7 Tips for Making Websites ReadableBattling the Blah-Blah-Blahs7 Tips for Making Websites Readable
Battling the Blah-Blah-Blahs 7 Tips for Making Websites Readable
 
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ... Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
Through Their Eyes
 Using VR to Simulate Retinal Disease 
 & Empathize with ...
 
The Fracturing of the Experience Movement
The Fracturing of the Experience MovementThe Fracturing of the Experience Movement
The Fracturing of the Experience Movement
 
Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.Design Sprints. In the Corporate World.
Design Sprints. In the Corporate World.
 
Art of Information: A Guide to Data Visualization
Art of Information: A Guide to Data VisualizationArt of Information: A Guide to Data Visualization
Art of Information: A Guide to Data Visualization
 
Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!Elevate your UX Team to Superhero Status: Forge a Guild!
Elevate your UX Team to Superhero Status: Forge a Guild!
 
Listen up! Improving listening skills and awareness
Listen up! Improving listening skills and awarenessListen up! Improving listening skills and awareness
Listen up! Improving listening skills and awareness
 
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
Using Qualitative Data Analysis tools to create a virtual tapestry of your or...
 
Make It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile TeamsMake It Fast: Delivering UX Research to Agile Teams
Make It Fast: Delivering UX Research to Agile Teams
 
3 Secrets of Accessibility
3 Secrets of Accessibility3 Secrets of Accessibility
3 Secrets of Accessibility
 

Recently uploaded

20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 

Recently uploaded (20)

20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 

Data Visualizations That Expand Your Visual Literacy

  • 3.
  • 4.
  • 5. 4. Show then tell 3. Easy to navigate 1. Relevant 2. Scan & scrutinize Desperately Seeking
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Graphical perception 
 Relative ranking Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill Journal of the American Statistical Association, September 1984 Relative accuracy of various graphical forms that convey quantitative information POSITION COMMON SCALE 10 5 0 POSITION NON- ALIGNED SCALES 1 0 0 10 0 LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION VOLUME 1 2 3 4 5 6 7 8 9 10
  • 15. Alignment & sort order Why Is This Method Effective Accuracy & 
 Perception Design Elements Foreground/ background Color pallet w/ associations POSITION COMMON SCALE 1 0 5 0 POSITION NON- ALIGNED SCALES 1 0 0 1 0 0 LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATIO N VOLUME 1 2 3 4 5 6 7 8 9 10 Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill Journal of the American Statistical Association, September 1984
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. Why Is This Method Effective Accuracy & 
 Perception Design Elements Foreground/ background Color pallet w/ associations POSITION COMMON SCALE 1 0 5 0 POSITION NON- ALIGNED SCALES 1 0 0 1 0 0 LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATIO N VOLUME 1 2 3 4 5 6 7 8 9 10 Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill Journal of the American Statistical Association, September 1984
  • 21. Embed context into your data displays
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Why Is This Method Effective Accuracy & 
 Perception Design Elements Color pallet w/ associations POSITION COMMON SCALE 1 0 5 0 POSITION NON- ALIGNED SCALES 1 0 0 1 0 0 LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATIO N VOLUME 1 2 3 4 5 6 7 8 9 10 Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill Journal of the American Statistical Association, September 1984 Alignment & sort order Proximity/ comparison Details on demand Grouping Foreground/ background
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50. Why Is This Method Effective Design Elements Limited color pallet w/ associations Connectedness Grouping Foreground/ background Accuracy & 
 Perception POSITION COMMON SCALE 1 0 5 0 POSITION NON- ALIGNED SCALES 1 0 0 1 0 0 LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATIO N VOLUME 1 2 3 4 5 6 7 8 9 10 Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGill Journal of the American Statistical Association, September 1984
  • 52. Easy to navigate Scan & scrutinize Relevant Show then tell 2. 1. 3. 4. SUMMARY
  • 53.
  • 54. Structured/Unstructured, Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval DATA Structured/Unstructured, Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval DATA Structured/Unstructured, Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval Industry Clients Firm DATA DRIVERS Structured/Unstructured, Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval Industry Clients Firm DATA DRIVERS Structured/Unstructured, Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval Industry Clients Firm User Centered Approach Information Design Multi-channel Experience DATA DRIVERSDELIVERY
  • 55. 40+ use cases 100+ new visualization methods 250+ illustrations 450 pages
  • 59. Visualization Tools (spectrum) CUSTOM SOLUTIONSPREBUILT SOLUTIONS RAW Spreadsheet to vector graphics built on D3.JS Plotly JavaScripting graphing library SandDance Collaborative app for visualizing data IBM Watson Analytics Discovery delivered on the cloud Online Web Apps Tableau BI software QlikView BI software Tibco Spotfire Data viz and analytics software SAS Visual Analytics BI, Data exploration & analytics Trifacta Explore and transform data sources Generalized Software Highcharts JavaScript library D3 Opensource JavaScript library Google Charts Ready to use chart types R Software for statistical computing and graphics Processing IDE for visual communication Open Source Programing Languages Charting Packages MATLAB Multi-paradigm numerical computing environment Mathematica A computation platform Technical Computing Gephi Exploration for graphs and networks ArcGIS Mapping software QGIS Mapping software Excel/ Adobe/ HTML5 Separate tools for data, visualizations, and interactivity Mix of Tools Specialized Skillset: Domain Expertise, Data Science, Stats, Programming, Visual Design No Specialized Skillset Required Specialized Software
  • 60. Graphical perception (relative ranking) Journal of the American Statistical Association, September 1984 William S. Cleveland; Robert McGill Relative accuracy of various graphical forms that convey quantitative information