2018-07-28_viz_talk - Speaker Deck

Slide 1

Slide 1 text

Data Viz Language, Perception, and in Practice 2018-07-28 leoluyi@iii Slides https://leoluyi.pse.is/iiiviz © leoluyi, 2018 1

Slide 2

Slide 2 text

We'll discuss about... 4 What's a good viz? 4 A brief history of data viz. 4 Real world implementation 4 Get better with a simple framework © leoluyi, 2018 2

Slide 3

Slide 3 text

橕ෝ౯ 4 㸎瓽 Leo Lu 4 Management + Psychology 4 CRM for Financial Service 4 Build data products 4 ETL 4 Models 4 Text mining 4 Viz 4 ... © leoluyi, 2018 3

Slide 4

Slide 4 text

It's all about data Charts, graphs, maps, diagrams, ... © leoluyi, 2018 4

Slide 5

Slide 5 text

Speak the language © leoluyi, 2018 5

Slide 6

Slide 6 text

Trends driving the need of visual thinking 1. Massive increase of visualization 2. Data 3. Everybody’s doing it © leoluyi, 2018 6

Slide 7

Slide 7 text

Past and Present © leoluyi, 2018 7

Slide 8

Slide 8 text

Brief history of dataviz 4 (1960) Bertin: Visual variables 4 (1970) Tukey: Exploratory Viz 4 (1980) Tufte: Design principles for information (Chartjunk) 4 (1980) Cleveland & McGill: Graphic perceptions 4 (2000) Computer-driven, Design-driven 4 (2010) Easy-to-use apps 4 (Now) Interactivity, dynamic update © leoluyi, 2018 8

Slide 9

Slide 9 text

Perceptions in psychology © leoluyi, 2018 9

Slide 10

Slide 10 text

Perceptual tasks1 1 In several experiments, Cleveland and McGill (1984) identified “elementary perceptual tasks”: the most basic tasks they believe viewers perform when evaluating a visualization. © leoluyi, 2018 10

Slide 11

Slide 11 text

Color © leoluyi, 2018 11

Slide 12

Slide 12 text

Color over shape © leoluyi, 2018 12

Slide 13

Slide 13 text

Reading texts © leoluyi, 2018 13

Slide 14

Slide 14 text

Reading charts - We don’t go in order © leoluyi, 2018 14

Slide 15

Slide 15 text

And more other else 4 People see first what stands out. 4 People see only a few things at once. 4 People seek meaning and make connections. 4 People rely on conventions and metaphors. 4 ... © leoluyi, 2018 15

Slide 16

Slide 16 text

A good chart? © leoluyi, 2018 16

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Viz works in the real world ܉虋苭玕瞤犋螂聲樿ጱӞݙ扖 © leoluyi, 2018 18

Slide 19

Slide 19 text

Data Management Will you change your data? (eg. changing one or all values or adding rows or columns) © leoluyi, 2018 19

Slide 20

Slide 20 text

ETL "You can't do viz without those data skills!" ➔ Autonomy? DataOps © leoluyi, 2018 20

Slide 21

Slide 21 text

ፓጱ究ਧಋྦྷ 4 Analysis vs. Presentation 4 R, Python <-> D3.js, Illustrator 4 Chart typologies vs. innovative outside-of-the-box charts 4 Excel <-> D3.js 4 Interactivity vs. static 4 PowerBI <-> PowerPoint © leoluyi, 2018 21

Slide 22

Slide 22 text

There Are No Perfect Tools Just Good Tools for People with Certain Mindsets © leoluyi, 2018 22

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Viz Quadrant 1. Conceptual (Idea-Driven) vs. Data-Driven 4 Do I have ideas or data? 2. Declarative vs. Exploratory 4 Show what vs. Show why Berinato (2016). Good Charts 24

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Berinato (2016). Good Charts 27

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Recap - Make dataviz smoother 4 Sharpen your viz thinking 4 Principles 4 Process 4 Data management 4 Availability 4 Cooperate with data engineer, data scientist 4 Familiar with your tools © leoluyi, 2018 31