選擇有效的資料視覺化

資料視覺化是指任何經過匯整資訊的視覺化呈現方式。透過有效的資料視覺化,您可以向目標對象傳達主要主題和結果,讓他們根據自身需求解讀及分析資料。開始建立圖表和圖表前,您必須先選取要使用的視覺化資料類型。選取合適的圖表類型,有助於清楚有效地呈現資料,讓目標對象做出明智決策並決定後續行動。下列各節將說明如何有效地以分析目標和目標對象的角度,將資料轉化為視覺化資訊:

考量資料的特性

決定要使用哪種視覺化類型之前,請先考量資料的特性:

  • 分類:如果資料包含一組相似的模式和集合,建議使用最能支援分類資料的可視化類型,例如圓餅圖。產品類別就是分類資料的範例,因為它會根據相似的功能和特徵將項目分組。

  • 序數:如果資料需要特定的順序,您可以使用長條圖長條圖等視覺化圖表,為目標對象定義這些順序。例如某項產品的評論星等數量,就是序數資料。

  • 持續性:如果您想將長時間內發生的資料視覺化,請使用支援持續性資料的圖表,例如進度圖。特定季度的產品銷售總額就是持續資料的範例,因為這類資料會隨著時間變化而追蹤。

定義目標對象

有效的資料視覺化不僅考量資料,也要考量目標對象的觀點和需求。您可以自訂視覺化圖表的外觀,向特定目標對象有效傳達資訊。定義目標對象時,請考量他們可能具備的技術知識程度和工作職能等因素。目標對象會如何使用您的示意圖?

無障礙設定

建立資料視覺化時,請確保資料視覺化內容可供存取。在任何資料視覺化專案中,考量網頁無障礙設計,可為所有使用者 (包括視覺和認知障礙人士) 提供更多分享機會,讓他們能與您建立的內容互動。無障礙網頁內容規範 (WCAG) 包含可提高可用性的導入步驟,適用於視覺化設計,包括:

  • 替代文字:替代文字可讓更多使用者 (例如螢幕閱讀器使用者) 存取非文字元素的資訊。您可以使用 Looker 在圖表中加入說明,說明圖表的重要面向。如要進一步瞭解如何在 Looker 圖表的元素中加入文字說明,請參閱「編輯自訂儀表板」說明文件頁面中的資訊圖示說明編輯方式

  • 對比度和色彩無障礙:納入符合 WCAG 國際標準的對比度等級,可確保觀眾能看出不同顏色選項之間的差異。如要找出兩個所選十六進位顏色代碼的對比度,請參閱 WebAIM對比度檢查工具。在 Looker 中,Dalton 色彩集合專門針對各種形式的色彩缺陷提供支援。如要進一步瞭解這個集合和 Looker 中的其他顏色選取選項,請參閱「顏色集合」說明文件頁面。

如要進一步瞭解如何在建立圖表和其他內容時確保無障礙體驗,請參閱最新版本的無障礙網頁內容規範

選取最適合資料的視覺化呈現方式

以下各節將概略說明 Looker 提供的圖表類型,並說明如何為資料選取最合適的類型:

笛卡爾圖表

笛卡爾圖表是指任何以笛卡爾平面為基礎的圖表。笛卡兒平面由 x 軸和 y 軸定義,並在圖表上顯示所有位置的對應數值點。所有笛卡爾圖表都會在這些軸上繪製資料。

X 軸和 Y 軸分別代表維度測量指標。維度反映的是定性值,而尺寸則是定量值。這些值在 X 軸和 Y 軸上的圖表呈現方式,以及這類資料的視覺化表達方式,會因笛卡兒座標圖表類型而異。本節包含以下笛卡爾圖表範例:

最適合用於比較類別較少的資料。

長條圖是垂直的笛卡爾圖表,以垂直矩形的形式顯示資訊,其中長條的長度會對應到資料值。一般來說,資料欄圖的 X 軸會顯示資料類別,Y 軸則會顯示資料值。

如果資料只包含幾個類別,建議使用柱狀圖。如果資料包含較多類別,長條圖表通常會比較適合,因為這類圖表可提供更多空間顯示軸標籤。負值會以向下方向顯示,因此資料集包含負值時,柱狀圖也是不錯的呈現方式。

下列範例的資料欄圖表包含正值和負值,用於顯示每月銷售配件和牛仔褲的平均訂單利潤。

以配件和牛仔褲為篩選條件,並以「售出月份」欄位為 X 軸、「平均訂單利潤」欄位為 Y 軸的資料欄圖表。

如要進一步瞭解如何在 Looker 中建立這些圖表,請參閱「資料欄圖表選項」說明文件頁面。

長條圖

最適合用於以視覺化方式呈現具有長類別標題的資料。

長條圖的資料顯示方式與柱狀圖相似,但會以水平方式對齊。在長條圖中,Y 軸通常代表資料類別,X 軸則代表數值。

如果資料包含特別長的類別標題,建議使用長條圖而非柱狀圖。透過 Y 軸上的對齊方式,長條圖上的標籤可充分利用空間,並提高可讀性。此外,與柱狀圖相比,長條圖通常更適合用來呈現較大量的類別,因為它可以對齊間距。

以下長條圖範例強調較長的服飾類別名稱 (例如「時尚連帽衫和運動衫」) 如何在長條圖上對齊。這張圖表顯示 10 個服飾類別的每月訂單量。

長條圖,X 軸為「每月訂單」,Y 軸為「服飾類別」。

如要進一步瞭解如何在 Looker 中建立長條圖,請參閱「長條圖選項」說明文件頁面。

散布圖

最適合凸顯兩個變數之間的關聯性。

散布圖是一種笛卡爾圖表,可突顯兩個變數之間的關係。每個繪製點代表 X 軸和 Y 軸上的值,可提供資料洞察。這類圖表特別強調資料中出現的趨勢和模式。

如果資料包含兩個相關的變數,散布圖是尋找及探索相關性的理想視覺化方法。這可能是正相關,也就是說,當 x 變數增加時,y 變數也會增加。這也包括負相關,也就是當一個變數增加時,另一個變數會減少。相關係數也可能為空值,表示所選兩個變數之間沒有相關係數。瞭解潛在的資料相關性,有助於您進一步掌握資料,甚至可協助預測未來的資料行為。

散佈圖的版面配置和結構是影響其成效的關鍵。您也可以透過大小和顏色自訂散布圖上的標示點,為觀眾標示其他變數或類別。趨勢線也可以與散佈圖搭配使用,這些線條可突顯觀眾所看到的資料之間的關聯。透過自訂功能,確保這些設計選項能凸顯說明關係的整體目標,並提供檢查潛在模式、關聯和趨勢的機會。

下列散布圖表格代表 2015 年至 2018 年期間,每季造訪地點的常客人數。圖表中的點大小會根據客戶人數而定。

散布圖圖表,Y 軸為零售地點數量,X 軸為 2015 年至 2018 年各季度。

如要進一步瞭解這類笛卡兒圖示視覺化效果,請參閱「散布圖圖表選項」說明文件頁面。

折線圖

最適合用於視覺化隨時間變化的連續資料。

折線圖中,資料會以一系列以直線相連的點來顯示。這類視覺化呈現會特別強調一段時間內的連續資料。

為了讓線型圖更清晰,顯示的線條數量仍是關鍵。如果圖表中包含多條線條,請使用顏色清楚區分各條線條。這樣一來,觀眾就能個別解讀這些值,而不會合併資料行。

下列折線圖代表 2016 年至 2019 年網站的每月活躍使用者人數。三條獨立的線條分別代表美國東岸、中西部和西岸。

三條線圖,顯示東岸、中西部和西岸,Y 軸為每月活躍使用者人數,X 軸為 2016 年至 2018 年。

請參閱「折線圖選項」說明文件頁面,進一步瞭解如何在 Looker 中建立折線圖。

最適合用於以圖表呈現數量隨時間變化的趨勢。

面積圖是其他笛卡爾圖表 (長條圖折線圖) 的延伸。面積圖與折線圖一樣,會以線性形式呈現資料隨時間變化的連續趨勢。不過,這些圖表會使用類似長條圖的填入顏色功能,透過資料顯示數量。這樣觀眾就能清楚看到數量隨時間的變化。

區域圖表可呈現整體趨勢,而非個別資料點。當您要比較的趨勢較少時,建議使用區域圖表,因為它有著填滿色彩的區域元件。如要強調趨勢較多的資料,建議改用折線圖表。

下方的面積圖與折線圖視覺化範例相同,同樣會顯示美國各區域的網站使用者人數。不過,這張圖表中的填入色彩特別強調 2018 年至 2019 年期間的使用者人數變化。

東岸、中西部和西岸的區塊圖表,Y 軸為每月活躍使用者人數,X 軸為 2018 年至 2019 年的月份。

如要進一步瞭解 Looker 中的面積圖,請參閱「面積圖選項」說明文件頁面。

圓餅圖和圓環圖

圓餅圖和圓環圖可強調資料中各部分與整體的比例關係。因此,這類圖表最適合用來強調類別資訊,也就是可根據共通特徵明確劃分成群組的資訊。

為在圓餅圖和圓環圖中醒目顯示資訊,請選取五個以下的類別。如果類別超過五個,建議選取其他視覺化類型 (例如長條圖或折線圖) 來突顯資訊。

圓餅或圓環圖代表整體百分比,因此各類別的值加總必須等於 100%。

Looker 提供兩種圓餅圖。本節將說明下列圖表,並強調這些圖表在顯示分類資料時的優點:

圓餅圖

最適合用於呈現比例值。

圓餅圖是指根據資訊類別劃分成多個扇形的完整圓形圖表。透過這些切片區塊,您可以將重點放在彼此之間的比例關係,以及對圖表整體目標的影響,而非確切的百分比。

如果您想強調比例值之間的連結重要性,圓餅圖可有效傳達這些關係。如果您要處理的資料類別超過五個,建議選取其他視覺化圖表來突顯資訊,例如長條圖柱狀圖。使用長條圖和柱狀圖時,觀眾通常比較容易看出個別差異。

下圖圓餅圖代表美國東岸、西岸和中西部三個地區的總客戶百分比。這類示意圖會顯示各個區域的顧客比例。

東岸、中西部和西岸的總客戶人數圓餅圖。

請參閱「圓形圖選項」說明文件頁面,進一步瞭解如何在 Looker 中建立這些比較圖表。

多重圓環圖

最適合用於以多個元件呈現比例值。

圓環多重圖表可讓您建立一系列圓環圖表,以互相關聯的形式呈現資料。這類圖表會省略圓形的中心,形成弧形區塊,而非切片區塊。在圖表中間新增空白空間,可用於進一步標示資料和說明。

建立圓環多重圖表時,請確保各類別之間的圖案一致且連貫,以突顯彼此的關係。此外,為確保清晰度和觀眾理解度,請在圖表中央加入明確的累積資料,凸顯每個圓環多重圖表的細微差異。

下圖圓環疊加圖表顯示多個服飾類別的季度產品銷售量:牛仔褲、緊身褲、外套和大衣、短褲。每個季度銷售資料都有獨立的圓餅圖。這張圖表以統一顏色代表各個服飾類別,凸顯每個類別在每季整體產品銷售額中的貢獻。

四張圓形圖,顯示 2019 年按牛仔褲、緊身褲、外套和外套、短褲等類別篩選的季度銷售額。

如要瞭解如何在 Looker 中加入圓環多重圖表,請參閱「圓環多重圖表選項」說明文件頁面。

進度圖表

進度圖會強調隨時間顯示的資訊。透過這些圖表,您可以強調這項背景資訊,以及它對資料的影響。進度圖可追蹤整體進度和成長情形。本節提供以下進度圖表的範例:

漏斗圖

最適合用於視覺化連續階段。

漏斗圖是突顯連續階段的進度圖。這類圖表與長條圖表相似,同樣是透過水平矩形的視覺化呈現資料。這張圖表會透過堆疊式示意圖建立漏斗形狀。

為確保漏斗圖表的效果良好,請務必確保資料包含至少四個階段。這樣可以確保強烈的視覺效果,並突顯整體流程。如果元件少於四個,建議使用其他類型的視覺化呈現,例如圓餅圖。

下列漏斗視覺化資料會標示出五個獨立的客戶動作階段,以及各階段的百分比值。這些階段依序為產品、購物車、購買、註冊和取消,代表客戶與產品的互動情形。

漏斗圖表:顯示「產品」、「購物車」、「購買」、「註冊」和「取消」階段的消費者行動百分比。

請參閱「漏斗圖表選項」說明文件,進一步瞭解如何在 Looker 中建立這類圖表。

時間軸

最適合用於視覺化時間的進度。

時間軸圖表會在指定時間範圍內加入重要事件和標記,突顯時間的進展情形。雖然時間軸圖表通常與時間相關,但這類圖表結構也可以套用於數字和金額。

您可以自訂顏色,在單一圖表中使用多個時間軸,顯示多個因素在進展過程中的變化情形。就時間軸圖案而言,尤其是在 Looker 中,顏色自訂可能會因調色盤而異。時間軸可以使用連續色版,反映漸層選項,其中漸層的兩個部分各有兩個變數。您也可以使用類別調色盤,也就是每種顏色代表資料中的一個類別。如要進一步瞭解這項顏色自訂功能和時間軸圖表,請參閱「時間軸圖表選項」說明文件頁面。

下列時間軸圖表代表特定訂單 ID 編號,以及在 2022 年各月份的平均處理天數。時間軸使用連續漸層色板,代表不同的天數。

時間軸圖表顯示處理平均天數,y 軸為訂單 ID,x 軸為 2022 年 7 月至 8 月的日期。

瀑布圖

最適合用於視覺化連續的正值和負值。

階層圖表會透過序列強調正值和負值之間的關係。這些圖表顯示起始值會因各種因素而變化。瀑布圖會複製長條圖的設計元素。與許多其他類型的視覺化效果一樣,時間標記或類別標記可根據特定資料集結構化水 fall 圖表。

瀑布圖專門用於正值和負值,因此必須明確區分這兩種類別。透過顏色和文字標籤,確保視覺化效果能清楚區分資料中的值。

下列瀑布圖範例顯示訂購流程各階段的總收益,包括已取消、已退貨、已出貨和處理中。系統也會計算總金額。

瀑布圖,X 軸為「狀態」,Y 軸為「總收益」。

如要進一步瞭解這類視覺化項目,請參閱「階層圖表選項」說明文件頁面。

文字和表格

當您有有意義的文字資料可供顯示時,選取文字和表格顯示功能會強調字詞的影響力。這些字詞的顯示方式可能會有所不同,從強調單一值,到在整個資料集中顯示複雜的字詞排列方式都有。本節包含許多文字和表格類型的可視化資料範例:

單一值

最適合用於視覺化單一資料。

單一值圖表會強調資料集中的個別值。以這種方式呈現值,可凸顯其對大型資料集的重要性。

建立單一值圖表時,請選取對觀眾有意義,且反映您圖表目標的值。此外,請確保字型系列和大小自訂項目強調的是資料值,而非分散注意力或縮小資料。

以下單一值範例會標示加州的年度客戶人數,即 118,126 人。

單一值圖表,顯示加州年度客戶人數。

如要進一步瞭解如何在 Looker 中自訂這張圖表,請參閱「單一值圖表選項」說明文件頁面。

單一記錄

最適合用於呈現有限的資料片段。

單一值圖表類似,單一記錄圖表也會從較大的資料集中選取特定資料,以便傳達特定訊息。不過,單一記錄圖表比單一值圖表包含更多資訊。這項視覺化資料可提供較大資料集的範例。

為這類圖表選擇有效且相關的單一記錄,即可從資料集中醒目顯示範例。您可以自訂這張圖表,透過字型系列、大小和顏色使用方式,提升可讀性和清晰度。

下列單一記錄圖表顯示特定產品「100% 絲綢織紋淺藍和深藍條紋領帶」的重要資訊。包括產品 ID、類別和零售價。

單一記錄圖表,顯示商品的產品 ID、類別和零售價。

如要進一步瞭解如何在 Looker 中建立這些圖表,請參閱「單一記錄圖表選項」說明文件頁面。

文字雲

最適合用於視覺化資料頻率。

字雲是一種資料視覺化,可透過自訂字型、大小和顏色,顯示資料的頻率。字雲的主要結構是,在分析的資料集中,某個字詞出現的頻率越高,字體大小就越大。即使觀眾只是快速瀏覽或掃過畫面,詞雲仍可透過強烈的視覺效果,傳達資料集中相關的常見資訊。

您可以自訂間距和水平/垂直對齊類型,以達到這種視覺效果。在某些文字雲中,創作者會將相似的主題字詞以特定顏色分組,突顯某些元素的關聯性。這種以顏色分組的做法,也可以協助讀者瞭解內容的脈絡,並理解提供的資訊。

以下範例的字雲會強調客戶的州別位置。各州的名稱大小取決於各州的客戶人數,加州是客戶人數最多的州。

字雲圖表:顯示各州的名稱,並依該州的客戶人數調整字體大小。

如要瞭解 Looker 如何透過「Style」選單選項,提供直覺性的字雲建立功能,請參閱「字雲圖表選項」說明文件頁面。

地圖

地圖視覺化呈現可將資料與位置資訊連結,因此如果資料與地理區域有特定關聯,這類視覺化呈現就非常實用。您可以自訂圖表的地理範圍,以最貼切的方式呈現所收集的資料。這可能包括透過經度、緯度,甚至郵遞區號指定位置,具體取決於您的專案。

互動式地圖會根據自訂項目進行調整和重新設定,而靜態地圖一旦設定完成後就不會變動。本節將具體說明下列地理示意圖:

Google 地圖

最適合用於以熱圖呈現地理資料。

Google 地圖是 Google 的網路地圖平台,可與觀眾互動分享地理資訊。透過 Looker 中的 Google 地圖功能,您可以使用多種樣式自訂地圖的外觀,例如「淺色」、「深色」、「衛星」、「街道」和「戶外」。這些樣式可根據資料的範圍和重點,以不同方式突顯資訊。此外,Google 地圖視覺化功能可讓您導入熱圖。熱視圖會使用顏色編碼系統顯示資訊,以表示資料頻率。

下列熱圖 Google 地圖示意圖,顯示美國各郵遞區每月售出的產品數量。熱力圖範圍為 9 到 66 個售出產品,其中綠色到橘色的漸層代表這個數字範圍。您也可以使用鍵盤快速鍵瀏覽這張地圖。

熱力圖 Google 地圖圖表,顯示美國各郵遞區號每月售出的產品數量。

如要進一步瞭解 Google 地圖功能,請參閱「Google 地圖圖表選項」說明文件。

地圖

最適合用於呈現互動式地理資料。

互動式地圖視覺化效果會套用地理影像,呈現資料與特定地點和區域的對應關係。互動式地圖可結合多種設計元素,呈現許多其他視覺化類型。例如,您可以使用點、線或區域來標示圖像中的標記。

您也可以自訂整體地圖的設計。在 Looker 中,地圖樣式包括「淺色」、「深色」和「衛星」選項。每個選項都提供「不顯示標籤」功能。這個設定會省略城市和街道名稱等重要細節,讓您更專注於資料,而非地圖的具體資訊。選擇地圖設計時,請考量使用者需要考量的重點,並選擇最能反映這些重點的設計。

下圖以漸層色彩編碼系統,標示美國各郵遞區號的使用者人數。這個互動式地圖可讓您縮放地圖項目,以便將焦點放在地圖的特定區域。

互動式地圖:透過漸層色彩標記系統,顯示美國各個郵遞區使用者人數。

如要進一步瞭解 Looker 中的互動式地圖,請參閱「地圖圖表選項」說明文件頁面。

靜態地圖 (區域)

最適合用於呈現區域資料。

依區域劃分的靜態地圖會顯示特定區域受到資料影響的程度。由於地圖是靜態的,因此無法根據使用者互動進行變更或調整。這類視覺化呈現方式可用於呈現特定情況,而非一段時間內變化、演變的過程。

下列區域靜態地圖代表美國各州的商店數量。藍色漸層中,最深的藍色代表店面數量最多。此地圖的顏色用法並未量化;如要讓狀態之間的對比度更高,可以啟用「Style」選單中的「Quantize Color」切換鈕。

靜態地圖:透過連續色票顯示美國的門市數量。

如要進一步瞭解 Looker 中的這類地圖,請參閱「靜態地圖 (區域)」圖表選項說明文件頁面。

靜態地圖 (點)

最適合用於視覺化地理座標點的特定資料。

含有點的靜態地圖會反映含有區域的靜態點。不過,這些地圖會透過跨區域重疊的點進行視覺化呈現。視資料重點而定,這類示意圖可能會很實用,尤其是當資料集沒有明確的區域區隔時。

下圖中的靜態地圖包含點,這些點的大小取決於美國各郵遞區號的顧客人數。

靜態地圖圖表,點的大小取決於美國各郵遞區號的顧客人數。

如要進一步瞭解 Looker 中的這類地圖,請參閱「Static Map (Points)」圖表選項說明文件頁面。

其他圖表

Looker 提供的其他熱門資料視覺化類型也超越這些類別。這些額外的特定圖像化形式可讓您根據目標對象,進一步自訂資料解讀方式。本節包含下列圖表範例:

箱形圖

最適合透過統計摘要呈現資料分布情形。

散佈圖一樣,箱形圖也能有效突顯資料分布情形。盒形圖表會透過統計摘要顯示這項資訊,或是透過觀察和模式將資料分組。箱形圖表提供五項統計摘要,根據最小值、最大值、樣本中位數,以及第一和第三四分位數來區分資料。箱形圖的大小增加,表示資料的分布增加。

下圖為箱型圖範例,顯示 2021 年 1 月至 2022 年 7 月期間銷售的產品資料分布情形。每個月度的項目在滑鼠游標懸停時,會顯示最低、中等和最高的銷售產品數量。

箱形圖圖表,X 軸顯示月份,Y 軸顯示已售產品。

如要進一步瞭解箱形圖和在 Looker 中自訂箱形圖,請參閱「箱形圖圖表選項」說明文件頁面。

自訂視覺化圖表

除了 Looker 現有的圖表外,您也可以建立自訂圖表來顯示資料。您可以透過下列方式實作自訂圖表:

  • 新增自訂圖表,以便在專案資訊清單檔案中使用 visualization 參數建立自訂圖表
  • 直接從 Looker Marketplace 安裝轉換視覺化
  • 在 Looker 的「管理」部分,透過「視覺化資料頁面安裝視覺化資料

可用作外掛程式的自訂視覺化圖表範例包括日曆熱圖視覺化圖表Aster 散列圖視覺化圖表。請參閱「管理員設定 - 圖表說明文件」頁面,進一步瞭解如何導入自訂圖表。

此外,您也可以建立專屬於專案的圖表。請參閱「為 Looker Marketplace 開發自訂圖表」說明文件頁面,進一步瞭解如何建立這些圖表,以及如何反映資料視覺化目標。