Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2018-07-28_viz_talk
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Leo Lu
July 22, 2018
Technology
90
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2018-07-28_viz_talk
Leo Lu
July 22, 2018
More Decks by Leo Lu
See All by Leo Lu
R from Data Analysis to Production
leoluyi
1
150
text_mining_slides_20180512
leoluyi
0
92
Other Decks in Technology
See All in Technology
AIAU_UMEMOGU_ninomiya_slide
ninomiya_ii
0
280
MySQL & MySQL HeatWave Report - June 2026
freshdaz
0
200
Comment regagner la souveraineté de vos données tout en étant payé grâce à Nostr !
rlifchitz
0
220
Flow 不死:AI 時代 DevOps 的不變本質
cheng_wei_chen
2
550
Fabricをフル活用する AI Agent Hub -製造業特化AIエージェントの設計
iotcomjpadmin
0
160
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
seafay
PRO
1
510
感情と身体を置き去りにしない、エンジニアの生きのこり方 ──いまから、ここから「自分の状態」を扱うという選択
saorimurooka
0
360
クラウドファンディング版StackChan 3体(4体)をインタラクティブな体験型作品にして展示もした話 / スタックチャンお誕生日会2026
you
PRO
0
220
自作お家AIエージェントスタックチャンFWで困っている所紹介
74th
0
130
toB プロダクトから見たWAF
tokai235
0
250
製造現場での生成AIの活用、およびエージェントAIの実装のあり方、AVEVAの取り組み
iotcomjpadmin
0
180
Why is RC4 still being used?
tamaiyutaro
0
110
Featured
See All Featured
Fireside Chat
paigeccino
42
4k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
190
Google's AI Overviews - The New Search
badams
0
1k
Ethics towards AI in product and experience design
skipperchong
2
320
Optimizing for Happiness
mojombo
378
71k
Being A Developer After 40
akosma
91
590k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
200
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
740
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
Transcript
Data Viz Language, Perception, and in Practice 2018-07-28 leoluyi@iii Slides
https://leoluyi.pse.is/iiiviz © leoluyi, 2018 1
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
橕ෝ౯ 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
It's all about data Charts, graphs, maps, diagrams, ... ©
leoluyi, 2018 4
Speak the language © leoluyi, 2018 5
Trends driving the need of visual thinking 1. Massive increase
of visualization 2. Data 3. Everybody’s doing it © leoluyi, 2018 6
Past and Present © leoluyi, 2018 7
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
Perceptions in psychology © leoluyi, 2018 9
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
Color © leoluyi, 2018 11
Color over shape © leoluyi, 2018 12
Reading texts © leoluyi, 2018 13
Reading charts - We don’t go in order © leoluyi,
2018 14
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
A good chart? © leoluyi, 2018 16
© leoluyi, 2018 17
Viz works in the real world ܉虋苭玕瞤犋螂聲樿ጱӞݙ扖 © leoluyi, 2018
18
Data Management Will you change your data? (eg. changing one
or all values or adding rows or columns) © leoluyi, 2018 19
ETL "You can't do viz without those data skills!" ➔
Autonomy? DataOps © leoluyi, 2018 20
ፓጱ究ਧಋྦྷ 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
There Are No Perfect Tools Just Good Tools for People
with Certain Mindsets © leoluyi, 2018 22
Get better with a simple framework © leoluyi, 2018 23
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
Conceptual © leoluyi, 2018 25
Data-Driven © leoluyi, 2018 26
Berinato (2016). Good Charts 27
Other Tips © leoluyi, 2018 28
Ask and Listen 4 Talk to your stakeholders 4 Keep
records of words, phrases, and statements © leoluyi, 2018 29
Prototypes © leoluyi, 2018 30
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
㺔膏Ի窕 㸎瓽 leoluyi@github https://leoluyi.github.io © leoluyi, 2018 32