Try   HackMD

資料視覺化

老實說，我認為自己對於資料分析與視覺化，沒有什麼天份。這篇筆記僅憑藉自己的熱情，胡搞瞎搞一段時間後，所歸納出的一點小小心得。雖然這篇筆記可能有交代的不清楚的地方，又或者觀念不夠正確。但我還是希望透過這篇筆記，陪伴那些即將踏入資料科學，特別為從未接觸過資料視覺化或是資料分析的菜鳥所準備。希望大家或多或少，都可以在這裡有所收穫。有空閒我就會添加繼續新的內容，如果有任何的疑問，歡迎來信指教。✉️m0661007@g2.usc.edu.tw

tags: 資料視覺化 實踐大學 資訊科技與管理學系 企業管理學系

1.想知道如何使用Hack MD請前往下面連結：https://hackmd.io/@hackmd/BJvtP4zGX 2.如何使用 Hack MD 的簡報(Slide)功能請前往下面連結：https://hackmd.io/@hackmd/HJO6srUx 3.歡迎將我的Markdown語法套用在自己的HackMD。 4.筆記上請尊重各來源的原作者，盡量註明出處。 5.有任何疑惑都歡迎發mail給我，我會盡量回答我知道的部分。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
如果想觀看簡報版 資訊系 企管系 範例程式碼 Github 上課影片Youtube

一、什麼是資料視覺化?

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
先問問你(妳)怎麼看？

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

透過蒐集班上同學的想法所組成的文字雲，可以看出哪些端倪呢？

點我開始製作文字雲

二、為何需要視覺化?

2.1 需要解決的難題

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
當你要進行分析，但遇上資料量很大，無從下手的時候…

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

資料來源：大專校院校務資訊公開平臺>歷史資訊(105學年度以前)>學生類>學生數

2.2 視覺化的用途

(一) 比較 (Comparison) (二) 分佈 (Distribution) (三) 關聯 (Relationship) (四) 組成 (Composition)

三、如何做出視覺化?

步驟一 理解資料

資料類型 Type 說明
時間 Date&Time 數字型態，許多時候當作獨立的類別。
數值 Numeric 變量要具有連續性才會作為數值看待。
類別 Categorical 用來分類，可以是文字或數字。
地理 Geographical 常見的是經緯度、郵遞區號等。
文本 Text 可以是文字、對話、評價等。

步驟二 處理資料

(一)資料框結構:

  1. 長資料 請點我
  2. 寬資料 請點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
轉為長資料能夠提升圖形『比較』的效果。

(二)欄位命名







dfd2


cluster_level1

更改後



enti1

geo.name



proc1

New Name

國家名稱



enti1->proc1





enti2

indicator.name



proc2

New Name

指標種類



enti2->proc2





enti3

geo



proc3

New Name

國家代碼



enti3->proc3





enti4

indicator



proc4

New Name

指標代碼



enti4->proc4

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
盡可能讓圖表上的資訊清楚、一目瞭然。

(三)遺失值處理:







hierarchy



遺失值

遺失值



剔除資料

剔除資料



遺失值->剔除資料





自行定義

自行定義



遺失值->自行定義





類別

類別



自行定義->類別





數值

數值



自行定義->數值





補上NULL

補上NULL



類別->補上NULL





取近似值

取近似值



數值->取近似值





補上0

補上0



數值->補上0

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
資料量越少，遺失值處理越加重要!

步驟三 資料分佈

(一)最大值、最小值:

可以用來觀察目標在群體內的相對位置。

(二)中位數、平均值:

可以簡單的將資料做初步的分類。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
也可以嘗試去探討標準差、變異數。

步驟四 探索視覺化

(一)常見的圖表 請點我

可以依照使用情境、目的的不同，選擇最合適的圖表。

(二)靜態的圖 請點我

主要用在平面的場景，例如書面報告。

(三)自動的圖 請點我

用來吸引注意力，但解釋時有拘限性。

(四)互動的圖 請點我

適合演講或報告用來拉近觀眾距離。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
特別感謝LeeMeng願意讓我放上他所做的互動式視覺化部落格。

四、解釋視覺化

4.1 解釋的基本步驟

解釋步驟 解釋項目 解釋說明
步驟一 數據軸 x軸是什麼？y軸是什麼？
步驟二 數值 有哪些數值？這些數值的含義？
步驟三 級別 詳細程度？比例尺？年？月？日？
步驟四 焦距 圖表的重點？趨勢、模式、異常？哪些數據要突出？
步驟五 聽眾 你想表達出什麼訊息？丟出今天想探討的議題？

4.2 影片DEMO

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Video : Hans Rosling's 200 Countries, 200 Years, 4 Minutes - The Joy of Stats - BBC Four

影片來源：YOUTUBE

五、進階視覺化

(一) DECK GL 請點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

(二) D3 js 請點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

(三) ECHARTS 請點我

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

六、採用教材

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Book : Data Visualization Made Simple

圖片來源:AMAZON

參考資料

Last changed by 
 
s716134
一點一滴，記錄自己的成長。我可能不是最優秀的，但可以是最投入的。
0
1
612

Read more

使用Sigil製作電子書系列(template)

學習如何製作Epub

Jun 22, 2021
探索藏在Git當中的Git Hook

研究Git Hook在CI的應用

May 30, 2021
使用Sigil製作電子書系列(1)

學習如何製作Epub

May 4, 2021
如何改變預設開啟的Python版本

【Python技巧分享 (一)】 September, 4, 2019 Lai-Chun-Jing 序言     看到許多人力銀行所開出的需求，發現在台灣市場如果要走數據分析或資料科學這塊，企業似乎都比較偏愛Python，於是我決定重拾這個被我冷落許久的語言。我使用的是Macbook，雖然內建Python2.7，但現在比較新的開發工具與教學都以Python3.X為主，所以我又另外安裝了Python3.6。但是這時發現了一個很惱人的現象。 問題發現     在同一個作業環境底下，如果同時有Python2.7與Python3.X兩種版本的情況下，在Terminal下：

Aug 5, 2020
Read more from s716134
Published on HackMD