データ可視化の概要

INFORMATION DESIGN: DATA VISUALIZATION - Introduction / 321

INFORMATION DESIGN情報デザイン論演習

Visualization

ビジュアル化（可視化）Data

データInfographics or Data Visualization?


Infographics

インフォグラフィックData Visualization

データビジュアル化

Visual Representation of Data

ビジュアル的なデータの表現

（史上最大の倒産）（イギリス政府の支持率）


Infographics





Manually Drawn

手動で描画

Specific to the data at hand

固有データ

Aesthetically rich

美的表現は豊か

Relatively data poor

比較的限れているデータ

Algorithmically Drawn

算法で描画

Universal to all kind of data

全般データ

Aesthetically poor

美的表現が限れている

Relatively data rich

比較的豊かなデータ

NOT decorated

装飾されていない


Infographics



Design

デザインPsychology

心理学Semantics

記号学

Statistics

統計

Mathematics

数学Computer Science

情報科学System Theory

システム理論


“An image worth a thousand words”

「一枚の絵は一千語に匹敵する」

Data Visualization


Design


心理学Semantics

記号学

Statistics

統計

Mathematics



システム理論


Data Visualization


6

“An image worth a thousand words”

「一枚の絵は一千語に匹敵する」

VIS helps identify sub-problems

VISは、サブ問題の識別に役立ち

VIS can inspire new questions

VISは、新しい質問を抱かせることができます

VIS makes use of the brain abilities

VISは、脳の機能を利用しています

VIS makes use of the brain natural capabilities

VISは、脳の自然な能力を利用しています

Design


心理学Semantics

記号学

Statistics

統計

Mathematics



システム理論


Data Visualization




Algorithmically Drawn

算法で描画

Universal to all kind of data

全般データ

Aesthetically poor

美的表現が限れている

Relatively data poor

比較的豊かなデータ

Data

データinformation

情報


knowledge

知識

Our personal map/model of the World

世界の個人的なモデル。

A property which can change and its variations can be measured.

変化する特徴、この特徴が計る事が出来る。

Data is raw and unorganized fundamental facts.“Numerical values”

データとは、未処理あるいは未組織な基礎的事実のことです。

「数値」

data

データ

When data is processed, organized, structured or presented in a given context so as to make it useful, it is

called Information.“Meaning”

データが処理、整理、構造化されると、役立つデータになり、情報と呼ばれています。

「意味」

information

情報

Variable

変数


Neon Genesis EvangelionNeon Genesis EvangelionNeon Genesis Evangelion

人一年Aさん 1

1.4

Bさん 3

1.4

Cさん 2

1.4Dさん 0 1.4

Eさん 1

1.4

Fさん 1

1.4

Gさん 2

1.4

クリス 100.0 98.6

Variable

変数

data

データinformation

情報

I loveNGE

NGEを見る


Data

データAudience

観客

Context

文脈Designer

デザイナー

Visual Form

ビジュアル系

Self-referential

自己参照Theoretical

理論的Arcane

不可知Inaccessible

難解な

User-centered

ユーザー中心Pragmatic

実際的Functional

機能的Accessible

達成可能

Information

情報User

ユーザー

“Design is the intermediary between information and understanding”

「デザインは、情報と理解の仲介物」


information

情報

Vitally Important

極めて重要な

Definitely true

確実に実勢Probably not untrue

恐らく虚偽じゃない

Possibly not interesting

若しかして面白くない

Probably not important

恐らく大事じゃない

Possibly true

若しかして実勢



Possibly confusing

若しかして紛らわしい

Probably not untrue

恐らく虚偽じゃないDefinitely not true

確実に実勢じゃない

Vitally Important to avoid

回避するために極めて重要な

Deliberately not true

わざと実勢じゃない

Difficult to avoid

回避するのは難しい

INFORMATION UNINFORMATION NONINFORMATION MISINFORMATION DISINFORMATION


DISINFORMATIONMISINFORMATIONNONINFORMATIONUNINFORMATION

Vitally Important

極めて重要な

Definitely true

確実に実勢

INFORMATION


Probably not untrue


Possibly not interesting

若しかして面白くない



UNINFORMATION


Possibly true

若しかして実勢



Possibly confusing

若しかして紛らわしい

Probably not untrue


NONINFORMATION


Definitely not true

確実に実勢じゃない

Vitally Important to avoid

回避するために極めて重要な

MISINFORMATION


Deliberately not true

わざと実勢じゃない

Difficult to avoid

回避するのは難しい

DISINFORMATION


Informative

情報量の多いPersuasive

説得力

Visual art

ビジュアルアート

Reader

リーダー

Designer

デザイナーData

データ


Informative Persuasive

Visual art

Reader

DesignerData



Visual art

Reader

DesignerData

19



Visual art

Reader

DesignerData

20

http://www.youtube.com/watch?v=TgaIyrQZ_xo

Fiber Optic Tapestry


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine

絞り込むInteract

相互作用Mining

マイニング


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mine

マイニング

Population

人口


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mining

マイニング

Rank Prefecture JapaneseEstimated

Total Population

Estimated Male

Population

Estimated Female

Population

AnnualChange

(Oct 1, 2007 to Sep 30,

2008)

Estimated Population

of Japanese Nationality

Latest

CensusPopulation(Oct 1, 2005)

Estimated Area

(Km2)

PopulationDensity(/km2)

Capital


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mining

マイニング


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mining

マイニング

Ranking

序列Percentage

パーセンテージProportion

比率Ratio

割合Range

範囲

Median

中央値Arithmetic mean

相加平均Statistical Significance

統計的な有意差Standard Deviation

標準偏差Normal Distribution

正規分布Etcetera...

など


A

Helvetica Regular 20 pts5 mts

5 mtsHelvetica regular 20 pts

50% 50%

M-1SD +1SD

34% 34%13.5% 13.5%2.35% 2.35%0.15% 0.15%

-2SD-3SD +2SD +3SD

68%95%

99.7%


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mine

マイニング

Ranking

序列Percentage

パーセンテージProportion

比率Ratio

割合Range

範囲

Median

中央値Arithmetic mean

相加平均Statistical Significance

統計的な有意差Standard Deviation

標準偏差Normal Distribution

正規分布Etcetera...

など


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mine

マイニング


Acquire

集まるParse

解析Filter

漉すRepresent

表示Refine


相互作用Mine

マイニング

= ? <

>


What?

何？to Who?

誰に？What for?

何のため？not EVERYTHING is OK!

何でもOKじゃね！


Understanding

Decoding

Total Brain Power

解読

理解

脳の能力


Information = Powerwith great power comes great responsibility

大いなる力には、大いなる責任が伴う

データ可視化の概要

Documents