# The Future of Visual Language: Storytelling with Data Visualization - 江孟芝 MengChih Chiang 會眾共筆

{%hackmd D_yXRZ3kQuiR5RjV0P_kPg %}

## Data Visualization
> Reveal something we don't know
> in both data and design's way.

* Data - Story, concept
* 設計

## 比較型

### 第一比較型
> 直覺型
> 簡單 但容易淪為形式
> 報章雜誌比較常出現
> data visualization 重視的是data + design

> 中心思想比較固定
> 一眼可識別是哪種圖表種類

ex: pie chart, 折線圖, 長條圖....etc
ex: 自己的案例，英雄聯盟裡面每個角色的成績，目標是要讓人已目瞭然

* 圓餅圖
* 圓環圖
* 長條圖

### 第二型變形比較型
設計上有突破
意義 > 精準度

#### 範例：Kantar Information is beautiful awards

https://www.informationisbeautifulawards.com/

#### 範例：A timeline of earth's average temperature

https://xkcd.com/1732/

> 手繪讓圖表更有溫度，不會顯得數據很冰冷
> 簡單手繪.時間軸的表現方式是他的特色
> 懂得說故事是 data visualization 最大的意義

## 故事型

### 地理故事型
1. 跟地理位置結合
2. 時間+data+空間
3. 快速理解
4. 缺點是無法逃脫地圖的形式

#### 範例： The Data Behind the Dazzle
https://www.amnh.org/explore/news-blogs/q-as/digital-universe-the-data-behind-the-dazzle/

#### 範例：Flight Patterns
http://www.aaronkoblin.com/work/flightpatterns/

Similar to the flight pattern map https://cybermap.kaspersky.com/

#### 範例：Ｗind Map
http://hint.fm/wind/
> 圖示風向
> 動畫呈現風流動的狀態

https://earth.nullschool.net/

#### Carto - designer 可以用的軟體
https://carto.com/
> opens locations data mapping to NON-coders
> **新聞系**好像比較常用，在美國例如 Then New Yorks Times 常會有圖表呈現就會用到。

### 思考故事型

1. Free Form 創新度
2. 表達不同度的思維
3. 理解門檻高-無法第一時間理解

#### 範例：1:1 - Lisa Jevbratt
http://www.medienkunstnetz.de/works/1-1/
> IP 位置與視覺做結合，產生出的藝術
> 說的故事有時代意義

## 聲音型
1. 音樂視覺
2. itunes,spotify
視覺化的用戶體驗是未來的趨勢

#### 範例:Houdini - 3d Software
https://www.sidefx.com
https://zh.wikipedia.org/wiki/Houdini

#### 範例:Daniel Sierra - 結合音樂以及資訊視覺化
https://vimeo.com/65475425
https://www.youtube.com/watch?v=upS3PEjQKNQ

### Reference:
1. 好有格設計 X 紐約資深UI/UX設計師-江孟芝 05/15/2016
https://www.youtube.com/watch?v=r8NZcCybNhI

http://jevbratt.com/cgi-bin/index.pl

http://mengchih.com/works/
http://mengchih.com/portfolio/a-stranger-to-words/

###### tags: `#FEDC2018`