DATA VIZ
IE, Sandra Becker MAD 05/2018
CryptoSandra
CryptoSandra
INTRO DATAVIZ
WHY DO WE NEED DATA VIZ?
CryptoSandra
"THE PURPOSE OF DATA VISUALIZATION ARE INSIGHTS NOT PICTURES."
BEN SCHNEIDERMAN
CryptoSandra
"LET MY DATASET CHANGE YOUR MINDSET."
HANS ROSLING
CryptoSandra
"IT'S NOT WHAT YOU LOOK AT THAT MATTERS, IT'S WHAT YOU SEE ."
HENRY DAVID THOREAU
CryptoSandra
"ABOVE ALL ELSE SHOW THE DATA ."
EDWARD TUFTE
CryptoSandra
WHAT IS DATA VIZ?
CryptoSandra
CryptoSandra
BIG
DATAVIZ
CryptoSandra
REALTIME
DATAVIZ
CryptoSandra
DYNAMIC
DATAVIZ
CryptoSandra
SMART
DATAVIZ
CryptoSandra
DIMENSIONAL
DATAVIZ
CryptoSandra
ART
DATAVIZ
CryptoSandra
DATAVIZ PRACTICE
CryptoSandra
HOW TO CREATE A DATA VIZ?
CryptoSandra
#1 OBJECTIVE DEFINE
CryptoSandra
#2 DATA EXPLORE
CryptoSandra
#3 IDEA DESIGN
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
#4 TOOL EXECUTION
CryptoSandra
PROGRAMMING
CryptoSandra
LOCATION
CryptoSandra
EXPLORE
CryptoSandra
#5 RESULT REVIEW
CryptoSandra
CryptoSandra
CryptoSandra
GOODVIZ
CryptoSandra
CryptoSandra
BADVIZ
CryptoSandra
CryptoSandra
ALGORITHM VIZ
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
ASSIGNMENT01
CryptoSandra
PART01
VIZEVALUATION
CryptoSandra
CryptoSandra
01 CHOOSE A DATA VIZ PROJECT
02 DISCUSS THE QUESTION CATALOGUE
03 SUMMARISE YOUR EVALUATION
Q1 WHAT IS THE OBJECTIVE?
Q2 WHAT IS THE CLASS (DATA VIZ OR INFOGRAPHIC)?
Q3 WHAT IS THE VIZ TYPE, IS THE CHOICE ACCURATE?
Q4 WHAT VIZ ENCODING ARE USED, IS THE CHOICE ACCURATE?
Q5 WHAT ARE THE POSSIBILITIES TO INTERACT?
Q6 ANY PROBLEMS REGARDING HUMAN PERCEPTION?
Q7 ANY IMPROVEMENTS REGARDING THE UX?
Q8 IS IT A GOOD DATA VIZ? WHY/WHY NOT?
CryptoSandra
CryptoSandra
PART02
VIZCREATION
CryptoSandra
01 CHOOSE ONE EXAMPLE
02 DEFINE OBJECTIVES & EXPLORE THE DATA
04 TRY DIFFERENT VIZ TYPES AND VIZ ENCODINGS
05 CHOOSE THE MOST ACCURATE DATA VIZ
06 SUMMARISE YOUR CREATIONS
07 EXPLAIN THE REASONS FOR YOUR CHOICE
CryptoSandra
CryptoSandra
PERCEPTION DESIGN
CryptoSandra
ANSCOMBE'S QUARTET
CryptoSandra
CryptoSandra
CryptoSandra
SEEING = UNDERSTANDING
CryptoSandra
CryptoSandra
WEBER'S LAW
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
PRESENTING TRUTH
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
#1 show the data
#2 tell the truth
#3 help the viewer to think about the information rather than the design
#4 encourage the eye to compare the data
#5 make large dataset coherent
CryptoSandra
COLOR
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
POSITION
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
REDUNDANT
CryptoSandra
CryptoSandra
CryptoSandra
INTERACTIVITY
CryptoSandra
NAVEGAR
IDENTIFICAR
COMPROBAR
REDUCIR
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
LOCATION VIZ CARTO
PART 1
CryptoSandra
VISUALIZE ANALYSE VISUALIZE ANALYSE VISUALIZE ANALYSE VISUALIZE
VISUALIZE ANALYSE VISUALIZE ANALYSE VISUALIZE
VISUALIZE ANALYSE VISUALIZE ANALYSE
VISUALIZE ANALYSE VISUALIZE
VISUALIZE ANALYSE
VISUALIZE
STOP!
CryptoSandra
HOW TO DEAL WITH BIG DATASETS?
CryptoSandra
AGGREGATE HEXAGONAL BINNING & CLUSTERING
FILTER EXTREM & TARGET GROUPS
STYLE SIZE & OPACITY
CryptoSandra
01 CUSTOMER CONCENTRATION HEATMAP
CryptoSandra
CryptoSandra
CryptoSandra
02 EXTREM GROUP FILTER
CryptoSandra
CryptoSandra
CryptoSandra
03 SPEND SEGMENTS
CLUSTERS
CryptoSandra
CryptoSandra
CryptoSandra
CryptoSandra
04 TARGET GROUP
STYLING
CryptoSandra
CryptoSandra
CryptoSandra
ALL IN 1 MAP
CryptoSandra
CryptoSandra
LOCATION VIZ CARTO
PART 2
SHOP AREA PERFORMANCE
CryptoSandra
CryptoSandra
01 TARGET GROUP
STYLING BY VALUE & ICON
CryptoSandra
CryptoSandra
CryptoSandra
02 AREA OF INFLUENCE
CREATE TRAVEL OR DISTANCE BUFFERS
CryptoSandra
CryptoSandra
02 AREA OF INFLUENCE
INTERSECT WITH THE SECOND LAYER & AGGREGATE & STYLE BY VALUE
CryptoSandra
CryptoSandra
ASSIGNMENT02
CryptoSandra
CryptoSandra
01 CHOOSE A DATASET
02 EXPLORAR THE DATA USING CARTO
03 CREAT ONE FINAL MAP & INTERPRETATION
04 EXPLAIN YOUR PROCESS AND CHOICE
CryptoSandra
DYNAMIC VIZ D3.JS
PART 1
CryptoSandra
DYNAMIC VIZ D3.JS
PART 2
CryptoSandra
EXPLORATIVE VIZ GGPLOT2
CryptoSandra
NETWORK VIZ
CryptoSandra
VIZ STORYTELLING
Part 1
CryptoSandra
VIZ STORYTELLING
Part 2
CryptoSandra
FUTURE VIZ
CryptoSandra
THANK YOU.
CryptoSandra