Tweet
Tweet

Slide 1

Slide 1 text

Art and Science of Visual Analytics Episode 3: Data Compatibility

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

TL;DR What is “Data”? Compatibility of Data and Preattentive Attributes

Slide 5

Slide 5 text

データって、なんですか？

Slide 6

Slide 6 text

ゲームをしましょう :)

Slide 7

Slide 7 text

Q. データはどれでしょうか？

Slide 8

Slide 8 text

2.71828182846... この世をば わが世とぞ思ふ 望月の 虧(かけ)たることも なしと思へば

Slide 9

Slide 9 text

A. 全部

Slide 10

Slide 10 text

2.71828182846... この世をば わが世とぞ思ふ 望月の 虧(かけ)たることも なしと思へば 数(数列) ネイピア数 文字列 藤原道長の和歌 静止画(画像) lena : 画像処理用画像サンプル 動画 Youtube

Slide 11

Slide 11 text

What is “Data”?

Slide 12

Slide 12 text

What is “Data”? (From Wikipedia) Data and information or knowledge are often used interchangeably; however data becomes information when it is viewed in context or in post-analysis. データや情報、あるいは知識は互換的に利用されます。 ただし、データは状況や事後分析によって、情報になります。 https://en.wikipedia.org/wiki/Data

Slide 13

Slide 13 text

What is “Data”? (From Wikipedia) Data (or datum – a single unit of data) requires interpretation to become information. データを情報と変化させるためには、説明(通訳)が必要です。 https://en.wikipedia.org/wiki/Data_(computing)

Slide 14

Slide 14 text

What is “Data”? (From Wikipedia) To translate data to information, there must be several known factors considered. データを情報に変換するには、いくつかの既知の要素を考慮する必要があります。 https://en.wikipedia.org/wiki/Data_(computing)

Slide 15

Slide 15 text

What is “Data”? (From Wikipedia) The factors involved are determined by the creator of the data and the desired information. データの作成者と必要な情報によって、関係する要因は決定されます。 https://en.wikipedia.org/wiki/Data_(computing)

Slide 16

Slide 16 text

What is “Data”? (Summary) ● データ -> 情報 ○ データ ≠ 情報 ○ データを変化させることで、情報に変化する。 ● データを情報にするためには、いくつかの方法が存在する。 ○ データ分析 ○ データ前処理 ○ など ● データ作成者によって、情報はもたらされる。

Slide 17

Slide 17 text

Data Classification テキスト形式 String : 文字列 Number(s) : 数(数列) Date/Datetime/Timestamp : 日付、日時 バイナリ形式 Image : 静止画(画像) Movie : 動画 Program : プログラムファイル など

Slide 18

Slide 18 text

Data Classification テキスト形式 String : 文字列 Number(s) : 数(数列) Date/Datetime/Timestamp : 日付、日時 バイナリ形式 Image : 静止画(画像) Movie : 動画 Program : プログラムファイル など

Slide 19

Slide 19 text

String Label 大州 アジア ヨーロッパ 北米 国産車メーカー TOYOTA LEXUS NISSAN 主食 ライス パン 麺 流入経路 Webブラウザ スマートフォン Ordinal メダル 金 > 銀 > 銅 松竹梅 松 > 竹 > 梅 成績評価 優 > 良 > 可 >否 幕内 横綱 > 大関 > 関脇 > 小結

Slide 20

Slide 20 text

Number(s) Measure Currency ¥100 $100 €100 Size(Length, Width, Height) 10m 10mile 10里 Weight 1kg 1oz 1貫 Temperature 20℃ 20°F 273K Ordinal Number 1 < 2 < 3 Ordinal Numeral 1st < 2nd < 3rd

Slide 21

Slide 21 text

Date/Datetime/Timestamp Date 2019/1/31 2019-01-31 Jan 31, 2019 Timestamp 2019/1/31 12:00:00.000 JST 2019-01-31 0:00:00.000 PM UTC Jan 31, 2019 12:00 p.m. EDT Datetime 2019/1/31 12:00:00.000 2019-01-31 0:00:00.000 PM Jan 31, 2019 12:00 p.m.

Slide 22

Slide 22 text

Compatibility of Data and Preattentive Attributes

Slide 23

Slide 23 text

Preattentive Attributesの種類 Color - 色 Form - 形 Position - 位置 Movement - 動き

Slide 24

Slide 24 text

Form Color Position

Slide 25

Slide 25 text

How to use 🤔

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

https://docs.google.com/spreadsheets/d/1vEOwbbl-l805_i2oWSVCFxfmFDstwku RjkZQfBrTh6k/edit#gid=2018054256

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Periodic Table Data atomic number = Ordinal -> Display symbol = Label -> Display atomic mass = Measure -> Not Use name = Label -> Not Use metal or nonmetal? = Label -> Enclosure, Hue (Group = Ordinal -> Spatial Position) (Period = Ordinal -> Spatial Position)

Slide 30

Slide 30 text

TL;DR What is “Data”? Data ≠ Information 種類がある Compatibility of Data and Preattentive Attributes Change “Data” to “Information” using Preattentive Attributes. データの種類によって、適した表現(あるいは適さない表現)が存在する

Slide 31

Slide 31 text

No content