2023.基礎設計運算.簡易資料視覺化分享-Side 2 (GH — Data Visualisation- Side 2)

於陽明交通大學 112A 基礎設計運算，課前課後小作業/練習

課程以五個小部分組成:

I : 基底的簡單小矩陣-> 主要以橫豎線玩花紋 — 1hr

II : 讀取資料的方法 -> 例子: CSV、SVG Remap(Weather Spark 適用) — 40min

III : 創作分享 -> (雷切、雷雕在壓克力或木頭) & (3D 列印) etc. — 20 min

Side 1 : 跟資料視覺化沒有關係的介面換色小工具 (C#自己寫) — 30 min

Side 2: 資料結構小練習 (課前課後小練習)

本篇為 ”Side 2”，其他篇可以點超連結。

可參考資源 :

The deal with Data Trees — YouTube

小小概念複習 + 小練習 :

List :

Data Tree :

這邊應該是當初我覺得最難接受的點，就是為什麼?!阿?!之類的，如果很難接受可以自己編個邏輯 : 例如食堂有十道菜，現在有三個餐盤來了，所以每個餐盤都要打十道菜等等。

X的十個點因為都只有在同一個branches，但因為tree層級比較大，為了符合 Y 的3 branches，因此會變成每個branches都有十個點

Simplify，給你乾淨的資料結構 (廣告詞語氣)

快樂拍平，但拍完data structure也快樂的消失，謹慎使用

試試看並且思考一下，為什麼X 是 1 Branch + Y 是 1 Branch 的時候會是這個樣子呢 ? 而A圖和B圖各自的不同在哪裡呢 ?

Flip Matrix : {n}(m) -> {m}(n) :

Dispatch // Tree Statistic + Split Tree :

Dispatch主要是在處理List，可以自由地用1 0 / True False 調整Pattern

藉由Tree Statistic拿到自動被Flatten的Paths List，在利用剛剛介紹過的dispatch分類，接著在用處理樹的工具Split Tree來分開樹。 值得注意的是 : 分類的時候postivie & negative 群組原先的Paths順序並沒有被打亂喔 !

練習時間 :

請觀察他的Data Structure，並試圖使用以上的component 達到以下的效果:

這一排的稍微進階一點點，會需要多一點點工