編輯導讀：優秀的數據可視化依賴優異的設計，並非僅僅選擇正確的圖表模板那麼簡單，數據可視化可以幫助用戶更好地理解數據、運用數據。本文作者從自身經驗出發，結合具體案例分享了比例面積圖的不同組合形式，供大家一同參考學習。
很多時候由於國內數據可視化行業相較於西方國家起步比較晚，所以很多時候我們在進行數據可視化的時候只會選用單個圖表來進行數據分析的呈現，有的時候其實多種圖表直接是可以相互組合的。
就比如以比例面積圖來說，它的結構很簡單（形狀的面積與其表示的數據值成正比），這使比例面積圖易於附加到其他圖，這樣分析出來的信息能夠給我們傳遞更多的信息，那麼我針對比例面積圖收集了以下33種不同的組合形式分享給大家：
01 + 100％堆積條形圖通過與100％堆積的條形圖結合，形狀區域被分為多個部分以傳達零件與整體的關係。
在下面的示例中，每個正方形代表一個國家的GDP，該債務的GDP數量用紅色表示。通過將每個正方形分為兩個部分，你可以查看到哪些國家負債最多。
資料來源：歐洲債務危機：GDP與債務，Severino Ribecca
我發現這種風格的比例面積圖從一個更早的迭代第九次人口普查（1870）的統計地圖集由弗朗西斯·沃爾克。在這裡，美國各州的形狀區域是根據該人口中每個教會支配的比例來劃分的：
資料來源： 自由基製圖
02 +條形圖通過與條形圖組合，可以通過在每個條形圖的底部放置形狀區域來向圖表提供其他變量。
以下是標題為「皮埃蒙特的分析旅遊地圖」的信息圖的一部分，該圖 已使用比例區域圖和條形圖分割了義大利皮埃蒙特地區的旅遊流量：
資料來源：Behance皮埃蒙特分析旅遊地圖
03 +表格/矩陣你可以將比例面積圖與表格結合起來以形成用作相關矩陣的圖表。這是通過為行和列中的一個類別分配尺寸，並在兩個類別相交的表單元格中繪製形狀區域來實現的。
在下面的示例中，圓圈的大小與每個團隊在給定任務上花費的時間有關：
該圖表對於發現兩個類別或變量之間的相關性以及查找數據中的模式很有用。
04 +熱點圖（矩陣）我們可以通過更改形狀區域相對於該附加變量的顏色，來向先前的圖表添加一個附加變量（例如在Heatmap中）。
05 +日曆與日曆結合使用的方式與與表格結合使用的方式相同。形狀區域放置在每個日期單元格內，以可視化特定日期發生的值。在這裡，可以查看值在特定月份的變化情況。可以通過按比例改變每個形狀區域的陰影或顏色來顯示其他變量。
06 +插圖比例區域圖可以覆蓋在插圖或照片上，以提供有關主題的更多信息，從而生成可以顯示定量值的插圖。在下面的《華爾街日報》的以下示例中，在NFL球員身體的各個部分上顯示了圓圈區域，以說明受傷最多的地方。
來源：《華爾街日報》
07 +地圖將比例區域圖與地圖組合會生成氣泡圖 （如果使用圓形）。在此，圓顯示在指定的地理區域內，圓的面積與數據集中的相應值成正比。當然，如果需要，可以用正方形代替圓形，但是圓形看起來會更好。
08 +連接圖也可以通過在每對連接點上繪製形狀區域來將比例區域圖應用於連接圖。在此，可以將定量值添加到地圖上的每個點以提供其他數據。
09 +瓷磚網格圖通過與「平鋪網格圖」結合使用，可以在地理塊上顯示形狀區域。缺少變化的區域大小使得在每個區域進行比較變得容易。以下是一些使用比例面積圖的不同變體的示例。
10+製圖可以通過將地圖上的地理區域轉換為形狀並根據數據更改其大小來將製圖圖與比例區域圖結合起來。然後需要以與原始拓撲大致相似的方式組織和定位形狀區域。如果使用圓圈，則這種類型的圖表稱為Dorling Map。
資料來源： Protovis
如果使用正方形，則這種圖表稱為Demers Cartogram。
來源：《選舉地圖：通往勝利的道路》，《紐約時報》
11 +散點圖當然，將比例面積圖與散點圖結合起來會產生眾所周知的 氣泡圖。在此，將點轉換為面積與第三變量成比例的大小不同的圓。
12 +連接散點圖當與連接散點圖結合使用時，可以將形狀區域應用於每個點以可視化其他變量。
13+線圖與折線圖組合時，可以應用相同的方法，並為時間序列數據提供其他變量。
14+坡度圖與坡度圖結合使用時，可以看到其他變量在兩個時間點之間如何變化。
15 +雷達圖與繪製點的所有圖表一樣，將形狀區域附加到這些點以顯示其他變量也很容易。通過與「雷達圖」結合使用，那你將獲得如下圖所示的圖表。
16 +跨度圖要為範圍數據提供其他變量，可以將比例面積圖和跨度圖組合在一起。在這裡，形狀區域被附加到鋼筋的中間，而不是被添加到最大值和最小值的每一端。
17 +連接點圖/啞鈴圖如果你想讓圖表更多地關注範圍數據中的最小值和最大值，那麼與啞鈴圖結合將是一個更好的解決方案。在下面的示例中，有兩個變量連接在一起：男性BMI（藍色）和女性BMI（粉紅色）。這顯示了不同國家的兩個性別之間存在多少差異（BMI）。可以將附加變量與這兩個變量中的每一個一起添加，並通過在每個點上顯示的形狀區域顯示。
18 + 雙向啞鈴圖它的功能有點類似於散點圖，其中每個軸都是變量，並且繪製了點。但是，使用此圖表，可以繪製類別的前/後值，例如在坡度圖中，但也可以在每個點上提供附加值，並通過形狀區域大小可視化。下面我演示了這一點，其中藍色是一種類別，紅色是另一種類別：
19 +點圖與點圖組合非常簡單，只需在每個點上添加一個形狀區域即可可視化其他變量。
20+雙點圖點圖還可以選擇顯示數據集中更改前後的變化，或者通過在同一行上包含兩個具有不同顏色的點來將兩個變量相互比較。當然，可以通過改變形狀區域的大小來添加其他變量。
21+棒棒糖圖表與棒棒糖圖結合使用的方式與與點圖（將點放置在形狀區域中）的方式完全相同。
22 +三元圖與三元圖結合使用，可以一次可視化四個不同的變量（第四個以形狀區域大小表示）。
下面的交互式示例甚至使用了可以稱為「三元氣泡圖」的內容。儘管此示例僅顯示四個變量（每個政治候選人3個，形狀區域的大小由每個地區的投票數決定），但可以將第五個變量分配給顏色陰影（在下面的示例中，顏色仍然是由3個政治候選人變量決定）。閱讀更多在這裡這個圖的結構。
來源：2013年蒙特婁市長選舉
23 +項目符號圖可以製作子彈圖的比例區域圖版本。在下面，我使用圓的面積來創建「圓形項目符號圖」，但是也可以使用正方形來構造此圖表。
在下面的示例中，定性分數範圍 由三個灰色圓圈區域表示，特徵量度 （分數）由彩色圓圈區域表示。提供了一個刻度以幫助讀取值，並且 用虛線表示比較度量（目標）。
24 +餅圖改變餅圖的面積大小是一種可視化比例的方法。但是，就最佳實踐而言，我強烈建議不要使用此方法，因為這樣做時，人們無法準確地閱讀和比較每個楔子。同樣，楔形的大小變化也可以用來誤導人們。
資料來源：顯示白痴總數的圖表，《第九次人口普查統計圖集》（1870年），《徑向圖》
25 +華夫餅圖可視化百分比和比例的另一種方法是將比例面積圖和華夫餅圖組合在一起。
26 +樹狀圖或Marimekko通過更改每個塊的大小，可以將其與迷你樹形圖或Marimekko圖表結合使用。當然，在所有塊之間，類別和變量必須一致並且使用相同的數據集。
儘管並不完全相同，但《第九次人口普查統計圖集》（1870）中的 這兩個舊示例 提供了兩個很好的示例：
資料來源：第九次人口普查統計圖集（1870年），《徑向圖》
資料來源：第九次人口普查統計圖集（1870年），《徑向圖》
27 +時間軸與時間軸結合可以通過兩種方式完成。首先（在左側），將形狀區域直接放置在時間線上，形狀中心位於與數據關聯的日期。其次（在右側），你可以將形狀區域放置在遠離時間軸的位置，但是可以使用標註線更清楚地顯示形狀區域對應的日期。第二個選項還允許通過可能垂直變化的位置來應對由許多形狀重疊引起的混亂。
你可以通過為每個類別使用時間軸並將它們排列成一行來比較多個類別中的數據。以下是《金融時報》的一個很好的例子：
資料來源：《金融時報》
28 +網絡通過更改網絡節點的面積大小並使它們與定量值成比例，從而將比例區域圖與網絡圖結合起來。一個很好的例子是信息圖表 20世紀，「信息是美麗的死亡」中，人類的不同死亡原因被分類地聯繫在一起，每個類別或子類別下造成的死亡數量以每個圓圈的面積表示。
資料來源：20世紀的死亡，信息是美麗的
另一個很好的例子來自《紐約時報》，他繪製了許多不同的人類疾病或病症的圖譜，並根據與該疾病或病症相關的基因數量成比例地改變了結節的大小。
資料來源：《紐約時報》繪製人類的「惡魔」
29 +樹形圖通過與樹形圖結合，可以將比例區域圖與層次結構數據一起使用。在此，可以在樹形圖的每個節點/成員上顯示其他定量值，以提供有關它們的更多信息。
30 +圓形樹形圖除了線性格式，你還可以將組合應用於樹形圖的圓形布局。下圖有點神秘（我只能發現它是由「 Sophie」設計的，並且是為一家名為「 Help」的公司完成的），但是它提供了這種組合的一個很好的例子。
儘管尚不清楚面積的大小或圓圈的顏色代表什麼，但此圖顯示了大量的非處方藥，這些藥物可用於簡單的頭痛。從「我頭疼」開始，此圖指導你完成選擇特定品牌時可能要經歷的各種決策過程。
來源：每日信息圖：您在FastCompany藥房面臨的瘋狂選擇
31 +弧形圖與「弧形圖」組合時，將形狀區域放置在節點上以提供與其相關的其他變量。Martin Dittus的以下示例 將IRC（Internet中繼聊天）通信行為中的數據可視化，以查看誰在與誰講話，以及誰在給誰命名。在這種可視化中，圓弧代表參考，而圓代表用戶，圓的大小與該用戶發送的消息數成正比，並且基於平均消息長度來著色。
資料來源：IRC Arcs
32 +和弦圖可以通過在連接節點處放置形狀區域來與弦圖結合。在下面這個名為BeerViz的交互式示例中，用戶可以通過連接線查看哪些啤酒彼此相似（基於參數：外觀，香氣，味道和總體評價）。圓圈的面積代表每種啤酒的受歡迎程度（基於用戶評論的數量）。
資料來源：BeerViz
33 +螺旋圖我還沒有看到的一種組合是螺旋圖。這裡的結構很簡單：使用圓代替圓條，將其面積大小基於一個變量，並將顏色陰影基於第二個變量。
本文由 @數據可視化那些事 原創發布於人人都是產品經理，未經許可，禁止轉載
題圖來自 unsplash，基於 CC0 協議