圖表的類別

圖表分成兩種,一種是有原始數據的「數據圖表」,目的是將資料用視覺化的方式,讓人更好理解數據,並得以從數據中得出有意義的訊息;一種是有經過整理的「資訊圖表」,但可能沒有最原始的數據,目的是用圖像的方式傳遞明確的訊息。

但這兩種圖表不是黑與白的分別,只是「數據圖表」的資料比重多一點,「資訊圖表」的設計比重多一點。

以下列出的參考資料,如果以資料的呈現為主,就會列在「數據圖表」,以設計呈現為主,就會列在「資訊圖表」。

讀者也可以依據不同的使用目的,來尋找相關的參考資料:

  • 如果資訊比較多,可以在 pinterest 搜尋「data visualization」(定義
  • 如果圖示比較多,可以在 pinterest 搜尋「infographic」(定義

有趣的小發現:在 pinterest 找圖找到後來,都會出現建築設計相關的說明圖或分析圖,我才赫然發現學生時期學過的「表現法」,其實就是在講「資訊圖表設計」,其中包含你如何呈現重點資訊、如何引導讀者進入你想營造的氛圍裡、如何透過媒材、顏色、版面來傳遞想法。然而,比起設計得好看,傳遞資訊的效率才是更優先要被考量的,可惜小時候誤以為好看就是學習「表現法」的目的,但其實美感只是建築系的門檻,真正的目的是要傳遞資訊啊!

數據圖表

1. Howmuch.net

跟錢有關的資料視覺化圖表

2. FlowingData

3. Visual Capitalist

  • 有詳細的原始資料和文字描述
  • 有不同社群媒體帳號,可以選擇自己適合的平台追蹤

4. Information is Beautiful Awards

5. infogram

資訊圖表

1. Infographic Website

2. Piktochart

  • 各種不同需求的版面範例
新聞資料視覺化範例

3. ZCOOL 站酷

  • 有一個類別就是「信息图表」(也可以直接搜尋「信息图」)

4. Venngage

  • 類別分得很詳細
  • 有豐富的製作圖表教學資源

5. Cool Infographics

  • 有簡短的設計說明

資料視覺化工具

1. Chartle

  • 不需要帳號,可以直接在線上製作圖表

2. Charts Builder

  • 不需要帳號,可以直接在線上製作圖表

3. easelly

  • 可以直接修改現有範本

4. ChartBlocks

  • 需要帳號

5. Creately

  • 需要帳號
  • 可以直接修改現有範本
  • 有很多商業用圖表與框架

6. Apache ECharts

  • JavaScript 資料視覺化的程式碼
  • 可以更換深淺底色

7. AnyChart JS Charts

  • JavaScript 資料視覺化的程式碼
  • 可以更換主題色

延伸閱讀

如果對文章內容有任何問題,可以在底下留言跟我說。
如果你喜歡我的文章,可以幫我拍手並分享,讓更多的人看見我的文章。
希望這篇文章能幫到你~(´▽`)
By Jun

2021-10-12

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *