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

{%hackmd D_yXRZ3kQuiR5RjV0P_kPg %}

> 請等待大會開始

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

### 什麼是 Data Visualization

兩個面貌

故事.Data
設計

### 比較型

快速理解
像是長條圖、圓餅圖
不需要設計師想創新的內容
缺點：缺乏變化
應用於跑步、財經的app
幫助一般人更快瞭解數據

精緻的 Pie chart
其實中心思想還是不會變，只是展現方式變得比較華麗。

生動的照片、大字

**英雄聯盟的例子**

一目瞭然
長條圖
樹狀圖

用圈圈大小

因為用戶很多，所以一定要用簡單的圖讓大家去快速、簡單地去了解

### 變形比較型

設計上有突破，有時候只是手繪

**Kantar information is beafutiful awards**

https://www.informationisbeautifulawards.com/

2016的金獎 [a timeline of earth's average temperature](https://xkcd.com/1732/)

原本想像高科技的感覺
在NASA工作的人

手繪的形式，有溫度不冰冷
所以會讓人很願意去看

你不用用很高超的技巧，就可以表達很多故事

時間軸故事呈現：人類的歷史關鍵事件
童趣可愛

看到最後會很震撼，看到未來的路徑

懂得怎麼說故事，怎麼呈現故事的內容

**英雄聯盟的例子**

時鐘是圓的...以圓的概念去呈現

3d的呈現，以顏色來分別每個team player

### 要結合data 和 desgin

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

### 故事型

(把data 壓在地圖上片，跟地理位置做結合)

缺點：無法脫離地圖的形式

**Flight Pattern**
Paths of air traffic over North America.

把所有北美的飛機的路線畫出來
在當時非常的轟動
這作品後來被博物館收藏

**WIND MAP**
跟美國的氣候單位合作，圖上可以看到風行徑的走向

當有颶風的時候....

**App推薦：CARTO**
- https://carto.com/builder/
- Opens Location Data Mapping to Non-coders.

**進階：思考故事型**

每一個資料視覺化都有其目的

Free Form 創新度很高，理解門檻高
表達不同角度的思維

**Lisa Jevbratt 作品**

在剛開始網路出來的時候

把網址變成色碼的形式，搜集全世界的ip 位置，來呈現，每一個顏色都是一個ip 位置

原來IP 位置可以跟色彩做結合，做出這樣大型的藝術

**孟芝的作品**
A Stranger to Word 陌語莫語

把在國外學習語言的挫折與困難來呈現

東方融入西方的

> "History has shown there are no restritions as to what can or cannot be visualized.The only limit is human's imagination."

> "Imagination is more important than knowledge"
愛因斯坦-想像力比知識更重要

Dniel Sierra - OSCILLATE
https://vimeo.com/65475425
用 Houdini 製作的
是工程師也對設計很有研究