第三章 研究方法與步驟
3.3 階層資料視覺化
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
20
圖 12 (a.)Traditional Stacked Graph 與 (b.)ThemeRiver Graph 比較圖，橘圈 部分可觀察出兩者繪製結果之 layer 交界線與輪廓線生與下降起伏程度之
不同
3.3 階層資料視覺化
近年來，許多階層資料視覺化皆應用節點與邊線之樹狀結構視覺化演算法來 繪製，不論是一般之面向大眾之視覺化應用，或者是學術上之視覺化分析，而 space-filling 之階層資料視覺化方式如 Treemap [22] 利用更隱性的方式與在幾何 學上探討如何設計排版來表現階層式資料之從屬關係，隱性表達方式優點在於能 夠更清楚地透過視覺化比較資料不同的屬性，例如資料量大小若不同，則在資料 量大之視覺化呈現則相對比資料量小之視覺化呈現之幾何區域小，而資料型別若 不同，則常見方式則可利用不同色調來做呈現，透過 space-filling 之視覺化表達 方式，更容易使得使用者觀察到不同型別之資料在視覺化之色調呈現互相迥異。
但隱性階層資料視覺化則相對比樹狀結構等顯性階層資料視覺化在表達結構上
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
21
優勢較為不足，針對 Treemap 之補強方式常見的有利用更為平衡的解析度 [23]
與 3D shading [24] 等等幫助使用者更容易在隱性階層資料視覺化中觀察階層式 結構。
Radial space-filling 視覺化技術是另一種在幾何上相對於 Treemap 屬於矩 形排版的隱性階層資料視覺化方法，設計者認為 radial space-filling 能夠發揮隱 性階層資料視覺化之優點，且能夠加強使用者探討資料之階層結構，Sunburst 就 是一種 radial space-filling 的隱性階層資料視覺化技術 [12]，其視覺化結果呈現 為 root 或者是階層結構中較為淺層之資料較位於視覺化結果之內部並靠近視覺 化結果之中心點，較為深層之階層資料則以環狀排列方式往視覺化結果以中心點 為基準向外層擴展，每一個 level area 之寬度皆為等距，但擴張角度則因資料量 大小而不同，通常資料量較大則 level area 之擴張角度呈現則較大，反之亦然。
因此透過擴張角度可以很容易地比較兩個 level area 之資訊量大小，其呈現結果 如圖 13 所示。
圖 13 針對電腦檔案結構之 Sunburst 視覺化結果 [12]
為了探討 Facebook 貼文評論資料，若將貼文本身視為 root 且 level 為 0，由 於回覆功能目前僅限於貼文評論，而針對評論之回覆並不允許在繼續在該回覆上
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
22
再進行回覆，故 Facebook 貼文評論資料可視為 level 最大為 2 之階層化資料，每 筆評論與回覆階如同貼文本身可進行按讚的動作，如圖 14 所示。
圖 14 Facebook 貼文評論階層式結構
本 論 文 採 用 Sunburst 呈 現 Facebook 粉 絲 專 頁 貼 文 (postid 為 10154233979726509)評論資料，視覺化結果如圖 15 所示，為了濾除較為不重要 之資訊，本論文於前處理部分蒐集該篇貼文 level 1 評論之所有當前按讚數並計 算出中位數，濾除標準為將按讚數高於中位數或者至少擁有一則回覆之 level 1 評論留下進行視覺化呈現，其餘評論將不於視覺化中呈現。針對 level 1 之評論，
其 Sunburst area 擴張角度受其 level 2 children 之數量(即針對該評論之回覆數)與 children 之按讚數影響，而位於 level 2 之評論回覆其 Sunburst area 擴張角度大 小由於不存在 level 3 之 children 則不受此影響，直接以該則回覆所得到之按讚數 決定其 Sunburst area 擴張角度之大小。假若 level 1 之評論得到較多回覆，且回 覆亦得到較多的按讚數，則 Sunburst area 擴張角度則相對比起得到較少回覆，
且回覆按讚數較少之 Sunburst area 擴張角度大小來得大，然而，假若某則貼文中 之評論雖得到較多回覆，但回覆之內容若較為空洞與貧乏，則這些回覆在
‧
function 我們皆可將同一篇 Facebook 貼文之評論得到之按讚數以顏色深淺度進 行視覺化之呈現，幫助使用者透過顏色深淺度快速觀察評論行為中評論或者回覆‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
24
圖 15 以 Sunburst 呈現 Facebook 評論階層式資料，其排序方式依建立時間順時 針遞增排序。 (a.) (b.)將滑鼠置於 level 1 之評論所顯示之 tooltip 情形，與將滑 鼠置於 level 2 之評論回覆所顯示之 tooltip 情形比較，(c.) (d.)同為 level 1 之評論
Sunburst area 大小相近之情形
圖 16 Sunburst area color scale function 示意圖
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
25