DATA VISUALIZATION AND DATA DRIVEN STORYTELLING THE LOGICAL STEP TO INSIGHT

(1)

LEX PIERIK

DATA VISUALIZATION AND DATA DRIVEN STORYTELLING

THE LOGICAL STEP TO INSIGHT

(2)

DESIGN IS THINKING MADE VISUAL

SAUL BASS

(3)

BY VISUALIZING INFORMATION, WE TURN IT INTO A LANDSCAPE THAT YOU CAN EXPLORE WITH YOUR EYES

DAVID MCCANDLESS

(4)

FORM

FOLLOWS FUNCTION

LOUIS HENRY SULLIVAN

(5)

HOW DO WE PROCESS VISUAL SIGNALS

(6)

HOW DO WE PROCESS VISUAL SIGNALS

(7)

HOW DO WE PROCESS VISUAL SIGNALS

(8)

HOW DO WE PROCESS VISUAL SIGNALS

(9)

HOW DO WE PROCESS VISUAL SIGNALS

(10)

(11)

VISUAL CODING THE DATA

(12)

VISUAL CODING THE DATA

(13)

VISUAL CODING THE DATA

(14)

VISUAL CODING THE DATA

(15)

(16)

LENGTH WIDTH ORIENTATION

SIZE SHAPE ENCLOSURE

GROUPING INTENSITY HUE

RAPID PERCEPTION WITH PREATTENTIVE VISUAL ATTRIBUTES

(17)

THE PROBLEM WITH COLOR

(18)

THE PROBLEM WITH COLOR

(19)

THE PROBLEM WITH COLOR

(20)

THE PROBLEM WITH COLOR: EXPLICIT ASSOCIATION

Train

Plane Bus

Metro

Plane

Bus

(21)

THE PROBLEM WITH COLOR: IMPLICIT ASSOCIATION HOT COLD

HOT COLD

✘

(22)

GESTALT PRINCIPLE OF VISUAL PERCEPTION

“WE SEE WITH OUR BRAIN, NOT OUR EYES”

• Proximity

• Closure

• Similarity

• Continuity

• Enclosure

• Connection

(23)

PROXIMITY

(24)

CLOSURE

(25)

SIMILARITY

(26)

CONTINUITY

(27)

ENCLOSURE

(28)

CONNECTION

(29)

CONCLUSION

(30)

HOW DO WE PROCESS VISUAL SIGNALS

(31)

INTRODUCING NARRATIVE

(32)

“VISUALISATION IS NOT SOMETHING THAT HAPPENS ON A PAGE OR ON A SCREEN; IT HAPPENS IN THE MIND”

AL BER TO C AI RO

(33)

AL BER TO C AI RO

(34)

INTRODUCING NARRATIVE

(35)

1 2

INPUT INTERNAL

AUDIT

INSIGHT

EXPLAIN USING STORYTELLING

AUDIENCE

INTRODUCING NARRATIVE

(36)

INSPIRING DATA VISUALIZATION

(37)

(38)

INSPIRING DATA VISUALIZATION

(39)

INSPIRING DATA VISUALIZATION

(40)

TELLING THE TRUTH?

(41)

TELLING THE TRUTH?

(42)

TELLING THE TRUTH?

(43)

TELLING THE TRUTH?

(44)

TELLING THE TRUTH?

(45)

VISUALIZE QUALITATIVE INFORMATION

(46)

(47)

(48)

(49)

(50)

(51)

(52)

(53)

(54)

(55)

(56)

(57)

(58)

(59)

THE FUTURE OF DATA VISUALIZATION

(60)

NE W G RAPH FO RM S

(61)

NE W G RAPH FO RM S

(62)

IN FO G RA PH IC S

(63)

IN FO G RA PH IC S

(64)

IN FO G RA PH IC S

(65)

AU G M EN TE D RE AL IT Y

(66)

(67)

AU G M EN TE D RE AL IT Y

(68)

WORDS ARE HOW WE

THINK;

STORIES ARE HOW WE

LINK

CHRISTINA BALDWIN

ST O RY BO AR DS

(69)

ST O RY BO AR DS

(70)

WHY SO SERIOUS

THE JOKER

IN FO CL IP S

(71)

(72)

(73)

LEX PIERIK

DATA VISUALIZATIONAND DATADRIVENSTORYTELLING THE LOGICALSTEP TOINSIGHT