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
Art and Science of Visual Analytics Episode 2
Search
Kazuya Araki
November 25, 2019
Science
0
30
Art and Science of Visual Analytics Episode 2
Kazuya Araki
November 25, 2019
Tweet
Share
More Decks by Kazuya Araki
See All by Kazuya Araki
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
370
Tableau事例紹介 & 課題共有
kazuya_araki_tokyo
1
1k
統計とは? @ICUHS
kazuya_araki_tokyo
0
220
License Management @BizReach, Inc.
kazuya_araki_tokyo
0
34
Art and Science of Visual Analytics Episode 0
kazuya_araki_tokyo
0
31
Art and Science of Visual Analytics Episode 1
kazuya_araki_tokyo
1
84
Art and Science of Visual Analytics Episode 3
kazuya_araki_tokyo
0
25
Tableau + Pythonとデータのあり方
kazuya_araki_tokyo
2
82
株式会社ビズリーチの紹介@Data Analyst Meetup Tokyo vol.8
kazuya_araki_tokyo
0
57
Other Decks in Science
See All in Science
Direct Preference Optimization
zchenry
0
230
Machine Learning for Materials (Lecture 6)
aronwalsh
0
460
AI科学の何が“哲学”の問題になるのか ~問いマッピングの試み~
rmaruy
1
1.9k
Snowflake上でRを使う: RStudioセットアップとShinyアプリケーションのデプロイ
ktatsuya
0
260
Machine Learning for Materials (Lecture 2)
aronwalsh
0
640
東大・松尾研主催 LLM Summer 2023 コンペ解法 (11位 – 20位枠での優秀賞)
hayataka88
0
270
Raccoon Roundworm
uni_of_nomi
0
110
事業会社における 機械学習・推薦システム技術の活用事例と必要な能力 / ml-recsys-in-layerx-wantedly-2024
yuya4
3
110
AI Alignment: A Comprehensive Survey
s_ota
0
210
Machine Learning for Materials (Lecture 3)
aronwalsh
0
900
20分で分かる Human-in-the-Loop 機械学習におけるアノテーションとヒューマンコンピューターインタラクションの真髄
hurutoriya
3
1.2k
20231211ベクトル解析の計算
kamakiri1225
0
150
Featured
See All Featured
Building an army of robots
kneath
301
42k
Web Components: a chance to create the future
zenorocha
307
41k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
YesSQL, Process and Tooling at Scale
rocio
166
14k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Embracing the Ebb and Flow
colly
81
4.3k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Transcript
Art and Science of Visual Analytics Episode 2: Forms and
Positions
None
Episode 0 Visual Analytics 考えなくても、理解できるように工夫する Preattentive Attributes Visual Analyticsを助ける考え方(= Art
and Science)
今回は、形と位置
Preattentive Attributesの種類 Color - 色 Form - 形 Position -
位置 Movement - 動き
Form Color Position
TL;DR (Visual) Illusion Shapes and Position
ゲームをしましょう :)
どちらが大きい?
どちらが大きい?
傾きが大きいのは?
傾きが大きいのは?
人間の視覚を騙すのはとても簡単
None
None
None
以上を頭の片隅に
記憶の三段階 タイプ 保持期間 容量制限 Sensory memory(即時記憶) 200~500ミリ秒 特徴のあるものだけ。 Short-term memory(短期記憶)
10~15秒 一度に7項目まで。 Long-term memory(長期記憶) 生涯 個人差がある。
Best Practices of Shapes and Position
組み合わせの法則
向き + 位置 = 折れ線グラフ
長さ + 幅 + 位置 = 棒グラフ
形状 + 位置 + グループ = 散布図
複雑そうなグラフも紐解くと組み合わせ
長さ + 幅 + 位置 + サイズ = ウォーターフォールチャート
サイズ + 位置 + グループ = バブルチャート
サイズ + グループ = パックバブルチャート
空間を最大限活用する
サイズ + 位置 + 囲い = ツリーマップ
位置(緯度、経度) + 囲い = 地図
色も組み合わせてみると、さらに強力に
長さ + 幅 + 位置 + 囲い + 色相 =
積み上げ棒グラフ
向き + 位置 + 囲い + 色相 = 面グラフ
サイズ + 向き(角度) + 囲い + 色相 = 円グラフ
位置 + 囲い + 彩度 = ヒートマップ
すべてのグラフは Preattentive Attributesから できている
TL;DR (Visual) Illusion 人間の視覚情報は容易に騙される(錯覚、錯視) 視覚を悪用しないように注意する Shapes and Position すべてのグラフを構成している要素はPreattentive Attributesである
色と組み合わせると強力な表現力となる
None