網站Cookies的使用

我們與第三方合作,在我們的網站上放置cookies。 這些Cookies有助於提供使用者客製化內容、投放廣告和分析網站流量。以進而提供您更好的網頁瀏覽體驗。藉由點選“同意”或繼續瀏覽網頁的方式,您同意我們使用網站Cookies。之後,您仍可以管理是否要繼續使用網站與第三方合作的Cookies。

詳細資訊
資料視覺化工具 EP4.拆解圖形與資料的『比較』關係(下)

資料視覺化工具 EP4. 拆解圖形與資料的『比較』關係(下)

EP3.拆解圖形與資料的『比較』關係(下)

系列文 | Jones 2019-10-01

前言


上一篇介紹 《EP3. 拆解圖形與資料的『比較』關係(上)》, 此篇延續「比較」的資料關係往下介紹,此篇元件以文字、區塊、形狀等視覺化方式呈現比較結果,以下就為各位介紹八種比較的視覺化元件。



「比較」資料常使用的圖表如下:




  1. 文字雲 (D3控制項>Word Cloud):
  2. 文字雲 (D3控制項>Word Cloud)

    關鍵詞的視覺化描述,用於統整資料中出現的關鍵字次數,可透過畫面上字體顯示的大小進行比較。關鍵詞越大,代表資料中關鍵字出現的次數越多。

    使用者想要看關鍵字實際上出現的次數,當游標移動到某一字詞時,會出現字詞詳細的次數。

    文字顏色都有可以透過顏色管理設定想要呈現的顏色,顯示畫面太小時可以透過右上角的放大縮小進行視覺化元件縮放,讓元件清楚顯示。

    使用時機:

    適合用於差異大的關鍵字比較呈現,可以馬上吸引使用者看出資料中重要的關鍵字詞。




  3. TreeMap (D3控制項>TreeMap):
  4. TreeMap (D3控制項>TreeMap)

    又稱為矩形式樹狀結構圖繪製法,利用不同的顏色區塊呈現不同資料。

    使用者可以透過視覺化的區塊大小,看出各資料數值大小比較,當該區塊範圍越大,代表該資料數值越大、越多。

    此元件特點是具有向下鑽研資料的功能,可設定關聯的階層,可以透過廣的角度(大類)利用單一點擊某個區塊,向下鑽研下層看細部的資料(小類),能延展到三層的資料階層,當 Drill down 細部的區塊愈大及顏色愈深,代表著數值愈大。

    使用時機:

    資料具有維度階層需要展現時,使用者可以透過區塊大小、顏色深淺、搭配點擊區塊,可看出資料間的大小類階層關聯、各階層區塊的資料比較。

    往下Drill down呈現畫面如上,可以點選左上角『返回上層』 回到上一階層。

    TreeMap 另一種呈現方式,旭日圖(放射環狀圖),如下圖

    旭日圖(放射環狀圖)




  5. 雷達圖 (視覺化控制項>Chart):
  6. 雷達圖 (Chart>雷達圖):

    適合多維度的數據比較,面積越大的數據點,就表示越重要。

    使用時機:

    主要是用來比較多個數據相對中心點的數值變化,可以看出事項的強/弱進行調整。




  7. 漏斗圖(視覺化控制項>Chart):
  8. 漏斗圖(Chart>漏斗圖):

    適合表現一個流程各項目的數值比較,通常流程的呈現方式為由上至下、有多到少,最後顯示最終流程項目與數值結果。

    使用時機:

    適合讓使用者一眼看出一個活動的所有流程,與流程之間的數值變化。

    可以使用資料標籤顯示的樣板套用,畫面的流程就會直接顯示數值與過程中數值的比例變化。




  9. Bubble Cloud(D3控制項>Bubble Cloud):
  10. Bubble Cloud(D3控制項>Bubble Cloud)

    利用不同顏色泡泡呈現資料,當泡泡愈大,代表數值越大,使用者可以直接透過泡泡的大小簡單的比較各數值差異,當游標移動到不同泡泡時,可出現資料的的詳細數值。

    顯示的數值可以依照資料單位的不同,可再設定數字格式(例如:千分位、百分比 ...等),增加使用者的可讀性。

    使用時機:

    適合用於差異大的關鍵字比較呈現,可以馬上吸引使用者看出資料中重要的關鍵字詞。




  11. 泡泡圖(視覺化控制項>Chart>泡泡圖):
  12. 泡泡圖(Chart>泡泡圖)

    跟Bubble Cloud不同,泡泡圖可呈現XYZ軸三個維度的資料分布區域。

    使用者執行時,可以透過滑鼠框選想要分析區域,並可右鍵對特定區域過濾條件(選取、排除),查看特定區域的資料比較變化。

    使用時機:

    泡泡圖是XY散佈圖的延伸類型,加入第3個變量數值作為數據標籤,提升視覺感以分辨數據標記大小的差異。




  13. List Bar(視覺化控制項>List Bar):
  14. List Bar(視覺化控制項>List Bar)

    Listbar與橫條圖區別的地方是它沒有XY軸的架構,單純以欄位及資料呈現。

    只要選擇欄位名稱、各欄位數值並設定最大值,就可比較出各欄位的實際數值與最大值的視覺佔比,並可勾選做到多筆數值比較結果呈現。

    使用時機:

    適合三個以上的變數關聯。




  15. FacetChart (視覺化控制項>FacetChart):
  16. FacetChart (視覺化控制項>FacetChart)

    依資料結構分群以多個群組統計圖顯示,是用樞紐分析表的架構來呈現,列區域建議拖拉兩層的資料欄位,主要助於使用者線上快速勾選比對分析各區塊的數值變化,並可依照資料點分顏色,方便使用者資料的比較。

    使用時機:

    適合要即時比較不同群組時可以使用,此元件可在 Smart eVision 畫面上面做到快速切換分析群組。

    可以線上勾選想要比較的群組(可多選),點選右上角的合併chart 按鈕進行組合。

    FacetChart (視覺化控制項>FacetChart)

    組合結果如下圖

    FacetChart (視覺化控制項>FacetChart)

下一篇,將會為各位介紹,拆解圖形與資料關係的『分佈+占比』(上),敬請期待!透過 Smart eVision 商業智慧BI工具能協助您快速完成設計,使用者也可以輕鬆理解資料,讓資料視覺化可以輕鬆完成。

如果想要看實際頁面呈現效果,可以點選➽範例展示,加入聯銓會員即可免費觀看,我們不定時還會寄送聯銓相關資訊給您!


此篇分類於:#SmarteVision #資料視覺化 #資料視覺化元件 #資料視覺工具 #資訊圖表 #比較 #文字雲 #World Could #TreeMap #旭日圖(放射環狀圖) #雷達圖 #漏斗圖 #Bubble Cloud 泡泡圖 List Bar #FacetChart


更多Smart eVision學習資訊

我們的官方網站

我們的臉書粉絲團

我們的官方YouTube頻道