Art and Science of Visual Analytics Episode 0

Slide 1

Slide 1 text

Art and Science of Visual Analytics Episode 0: Prologue

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

TL;DR Visual Analytics Preattentive Attributes

Slide 4

Slide 4 text

ところで、なぜ、データは Visualization(可視化)しないといけないのでしょうか？

Slide 5

Slide 5 text

解の一つ

Slide 6

Slide 6 text

ゲームをしましょう :)

Slide 7

Slide 7 text

A. 3こ ●はいくつありますか？

Slide 8

Slide 8 text

A. 18こ ●はいくつありますか？

Slide 9

Slide 9 text

8は左から何番目ですか？ 1, 1, 2, 3, 5, 8, 11, 13, 21, 34 A. 左から6番目

Slide 10

Slide 10 text

A. 12こ 8はいくつありますか？ 3.14159265358979323846 3.26433832795028841971 3.69399375105820974944 3.59230781640628620899 3.86280348253421170679

Slide 11

Slide 11 text

いかがでしたか？

Slide 12

Slide 12 text

Art and Science of Visual Analytics Episode 0: Prologue

Slide 13

Slide 13 text

Art and Science of Visual Analytics

Slide 14

Slide 14 text

What is “Art” ?

Slide 15

Slide 15 text

What is “Art” ? Not “芸術、美術” , but “技術、技巧” . Not “感覚的” , but “創造的” . Not “理解し難いもの” , but “理解しやすいもの” .

Slide 16

Slide 16 text

Art and Science of Visual Analytics

Slide 17

Slide 17 text

What is “Science” ? 体系化された知識の総称科学的手法に基く知識、学問自然科学科学 - Wikipedia

Slide 18

Slide 18 text

Art and Science of Visual Analytics

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

どういうことか？

Slide 21

Slide 21 text

認識する -> 記憶する

Slide 22

Slide 22 text

記憶の三段階タイプ保持期間容量制限 Sensory memory(即時記憶) 200~500ミリ秒特徴のあるものだけ。 Short-term memory(短期記憶) 10~15秒一度に7項目まで。 Long-term memory(長期記憶) 生涯個人差がある。

Slide 23

Slide 23 text

いかに無駄を排除し適切な情報を取捨選択できるか

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

記憶する -> 理解する

Slide 26

Slide 26 text

cf. 現実にあるグラフ

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

ということで、Creatorライセンスをお持ちのみなさま、がんばってきれいなグラフを作りましょう！

Slide 30

Slide 30 text

Visual Analyticsは、ネ申エクセルや、クロス集計を非難しているわけではありません。

Slide 31

Slide 31 text

ただ、

Slide 32

Slide 32 text

気をつけないといけない。

Slide 33

Slide 33 text

Creatorのみなさん、あなたが作っているものは、こうなっていませんか？

Slide 34

Slide 34 text

あるいは、

Slide 35

Slide 35 text

Viewerのみなさん、あなたが見ているものは、こうなっていませんか？

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

男女別人口及び人口性比－全国，都道府県（大正９年～平成27年）

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

伝えたいことは何か？

Slide 43

Slide 43 text

Best Practices of Visual Analytics

Slide 44

Slide 44 text

記憶と人間の感覚を有効に利用する見なくてもよいものを見せない読まなくてよいものを読ませない覚えなくてよいものを覚えさせない考えなくても、理解できる(ように仕向ける)

Slide 45

Slide 45 text

Don’t think, Feel?

Slide 46

Slide 46 text

No. Think, and Feel!

Slide 47

Slide 47 text

Creatorのみなさん、 Viewerが一目で理解できる Vizを作りましょう

Slide 48

Slide 48 text

Viewerのみなさん、理解し難いVizを発見したら Creatorにアクションしましょう

Slide 49

Slide 49 text

Preattentive Attributes

Slide 50

Slide 50 text

Preattentive = 前注意的な Attributes = 属性

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

Preattentive Attributesの種類 Color - 色 Form - 形 Position - 位置 Movement - 動き今回は対象外

Slide 53

Slide 53 text

Form Color Position

Slide 54

Slide 54 text

8はいくつありますか？ 3.14159265358979323846 3.26433832795028841971 3.69399375105820974944 3.59230781640628620899 3.86280348253421170679 3.82148086513282306647

Slide 55

Slide 55 text

8はいくつありますか？ 3.14159265358979323846 3.26433832795028841971 3.69399375105820974944 3.59230781640628620899 3.86280348253421170679 3.82148086513282306647

Slide 56

Slide 56 text

8はいくつありますか？ 3.14159265358979323846 3.26433832795028841971 3.69399375105820974944 3.59230781640628620899 3.86280348253421170679 3.82148086513282306647

Slide 57

Slide 57 text

8はいくつありますか？ 3.14159265358979323846 3.26433832795028841971 3.69399375105820974944 3.59230781640628620899 3.86280348253421170679 3.82148086513282306647

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

Preattentive Attributesを使うということ色でわかる形でわかる位置でわかる「考えなくても、理解できる」を助ける

Slide 60

Slide 60 text

TL;DR Visual Analytics 考えなくても、理解できるように工夫する Preattentive Attributes Visual Analyticsを助ける考え方(= Art and Science)