編輯導讀：對海量的數據進行分析之後，需要把分析的結果用可視化的方式展現出來。數據的展現是為了給決策提供信息，所以要簡單明了，不能花裡胡哨。本文介紹了7種數據可視化的方式，與你分享。
蛇形圖、貝殼、山脈ーー這是我們設計師可以畫出來而不能有效顯示數據的圖表。
我來解釋清楚：例如，在一個健身應用程式或視頻遊戲中圖表呈現的目的是娛樂時，這些創意圖表是一個不錯的選擇。但是，如果你的目的是為決策提供信息，那麼花裡胡哨是行不通的。我們將解析七種與統計、分析和商業不兼容的視覺樣式。
一、蛇形圖（Snakes）
你有沒有見過一個CRM 或ERP 儀錶盤設計，以鮮活的3D 管道為圖形？我把這種方法叫做「蛇形圖」。
儘管這種可視化效果在視覺上看起來很吸引人，但它們對無法呈現真實數據，而且更重要的是，它們很難使用。幾乎所有的東西都是上面圖表上的裝飾，而真正的數據只包含10個數據點。在這麼大的一個圖表區域上，你完全可以不需要任何工具提示就可以顯示所有的數字！
「斑馬」網格、厚度、體積、陰影和梯度沒有提供實際的好處，卻白白佔據了空間和吸引注意力。
除此之外，蛇形圖還有足夠的空間顯示20、30個甚至更多個數據點，而不是僅僅10個。「蛇形圖」可能適合實際上沒有什麼數據可展示，但設計師試圖用令人愉悅的東西來填補空白區域。
現在，想像一下當有必要同時展示多種趨勢時，「蛇形圖」不允許你這麼做。在下面的圖片中，多個發光的管子放在一起看起來完全混亂。
風險小結：
顯示一個以上的圖並保持可讀性是很困難的。線條的粗細掩蓋了實際的數字，因此需要採取一些愚蠢的變通方法，比如「斑馬」色或網格色。圖表只有在「完美」的模擬數據下才有可能呈現光滑的曲線，而且真實的數據會讓圖表變扁。連接數據點的曲線意味著存在一些中間點，但這只是一種錯覺。如何避免：
如果數據點很少，使用條形圖。如果有許多數據點，這意味著數據是連續的，那麼可以考慮一個簡單的細線圖。
二、嵌套甜甜圈（Nested donuts）
就像「蛇形圖」 ，深受設計師喜愛的「甜甜圈」 ，尤其是嵌套式的甜甜圈，這會影響數據準確性，並將增加了數據比較的障礙。另外，這兩種方法在有效利用空間方面都存在問題。
人們或多或少能夠接受均勻的百分比: 完整的圓= 100% ，半個圓= 50% ，四分之一= 25% ，三分之三= 75% 。但是，如果一個圓圈的終點位於「一半」和「三分之三」之間——就像圖片上的綠色圓圈一樣，那會怎樣呢？你能多快計算出50 + 25/2並推斷出它應該在62.5%左右？
如果你只有一個圓，你可以在中間放一個百分比數字，但是如果部件包含三個圓呢？
現在，環形圖的圓滑邊緣可能會讓圖表看起來很可愛，但最終會扭曲數據。這樣的圓滑邊緣在真實值的基礎上增加了兩到三個「幽靈」百分比。讓我們看看下面非圓滑的邊緣。
看看有多少裝飾，包括圓滑邊緣，被用來表達三個簡單的數據點：
好消息是圖表可以變得更簡單。三個環形傳遞相同的信息，不需要很多空間，並且在沒有工具提示的情況下完全可以暴露數字，這對於數據驅動的界面是至關重要的。
通過簡單的條形圖，你還可以去掉圖例，並保持部件間更加緊湊。而且你不再需要顏色，因為標籤現在伴隨著條形圖。
風險小結：
圓環的形狀很難解讀。人們可以很好地識別出25% 、50% 、75% 或100% 這樣的百分比，但通常會很難解決處於這些特殊數值之間的百分比。嵌套的圓圈需要圖例或工具提示，因為標籤通常不能優雅地附加到相應的圓圈上。在嵌套圖表中，圓環的末端使比較大小變得困難。如何避免：
考慮使用條形圖來精確顯示百分比。若非要使用一個圓形圖表，避免嵌套的圓圈和圓滑邊緣。
三、貝殼（Seashells）
著名的統計學家和數據可視化基礎書籍的作者Edward Tufte 曾多次警告說，視覺上吸引人的圖表可能會說謊。「貝殼」是甜甜圈圖表的一種時髦變體，各種顏色的甜甜圈片段有不同的寬度，並且彼此重疊。
簡單地說，數據可視化的本質就是通過顏色、面積、長度和其他方式在視覺上代表數字。例如，一個數字越大，使用的柱子就越長；百分比越低，一個面積就越小。但是當我們分析「貝殼」圖表時，它們是如何工作的呢？更高的百分比不僅增加了更寬的圓形截面，而且，半徑更大！
重疊和超出背後的邏輯是什麼？人們如何解讀這些「數據」 ？這是否意味著圖表顯示超過100% 和超過360度？
這些信息可以在一個相同形狀的圖表上可視化，這個圖表就是餅圖。當然，數據點的數量應該保持有限，否則，圖表將變得一團糟。
此外，你可以使用這樣的圖表類型比如樹圖，其中相應區域的矩形表示百分比。雖然人們通常最擅長比較長度ーー歡迎柱狀圖！眼睛也可以很好地比較。
風險小結：
與傳統的餅圖不同，「貝殼」背後的邏輯並不清楚：數據是由面積、弧半徑或扇區角度表示的嗎？重疊的扇區會扭曲數據，無法傳達準確數值。這些圖表的圓滑3D 風格只有在模擬數據中才可能實現，並且會被「不完美」的真實數據所粉碎。如何避免：
如果沒有太多的數據和不強調準確的比較，請儘管使用經典的餅圖。樹圖也可能是一種方便的技術，可以通過區域大小來顯示百分比。
四、山脈圖（Mountains）
你在業務儀錶板中看到過「山脈圖」嗎? 我用這個術語來描述彩色重疊圖，這是另一種流行的技術。
在「蛇形圖」部分，我已經介紹了這個缺陷——虛構的數據，但是讓我們詳細地討論一下。上面精心設計的視覺效果可以歸結為20個藍綠色點和橙色點。
所有的連通曲線都與數據無關，它們是人工添加的。也許是為了好的緣故ーー把不同的點合併成一個清晰的趨勢，或者也許是為了填補「空白」 ，讓它看起來「更好」。
但是為什麼對於業務界面是危險的呢？下面是一個例子。在某些工程圖上，我們有兩個相鄰點，12:00時為50kg/m2，13:00時為60kg/m2。這些點與一條優雅的光滑曲線相連。結果，用戶看到在12:30時，氣壓大約是55公斤/平方米，但這可能是假的，因為沒有人測量它。
它的價值可能會突然從50 –嗖！ー到59，13：00時，到了60。或者它可能是逐漸增長的。或者甚至可能在13：00達到60之前已經降到了30。圖表上的點越少，投機的空間就越大。
不過，雙色條形圖並不是唯一的選擇。你可以選擇一個圖形，甚至在實際數據和有用的視覺效果之間有充分對比的條件下，用直線連接點。
風險小結：
「山脈」給人一種連續數據的印象，但它是基於有限的一組點。曲線總是顯示平滑的數據動態，雖然它是未知之間的實際點發生了什麼。這種轉變可能是迅速的，漸進的，或者是波動的。為了保持曲線的平滑，圖表的寬度必須加寬。因此，它佔用空間，顯示的數據很少。如何避免：
確保數據點與有助於識別趨勢(如連線)的視覺效果有很好的區別。如果部件上有幾個重疊圖形，儘量不要使用顏色填充來保持良好的對比度。
五、香腸（Sausages）
這個圖表有什麼問題？為什麼我們不能有一些比單調的矩形更有吸引力和原創性的東西呢？我必須承認，3D「香腸」不是一個好的選擇，原因如下。
這種可視化有相當多的問題，但關鍵的問題是數據被盜。「香腸」是界面世界的真正竊賊，因為它們在有真實數據的地方顯示了空白空間。公平地說，「香腸」採用高對比度，以便你可以看到綠色和橙色之間的邊緣，但這種對比度的代價太高。
我計算出，如果整個柱子在上面的圖表中是100% ，那麼彩色條之間的每個微小間隙大約等於3% 。乍一看，沒什麼，對吧？但是我們有三個不同顏色的部分，需要兩個間隙，所以總的視覺「盜竊」更顯著ーー每欄6% ！如果你從圓形圖中計算一個失竊百分比，它將達到7% 左右，大約每個缺口3.5% 。
我把丟失的條形部件放回下面建議的變體中，並去掉了圖例作為一個單獨的項目。此外，前面未命名的甜甜圈部分有了一個新的格式和名稱(第四季度的平均值)。
風險小結：
「香腸」隱藏了大量的真實數據，因此不夠準確，無法進行分析和嚴肅的決策。此外，這樣的圖表在緊湊性上存在問題，他們需要額外的空間，才能看起來不凌亂。如何避免：
不要用間距破壞整體數據。通常，不要在各數據部分之間添加間隙，數據總和應等於100％。檢查圖表的邊緣是否過於圓滑ーー圓度太大會掩蓋有價值的數據。
六、摩天大樓（Skyscrapers）
與華麗的國家地理的費爾南多· 巴普蒂斯塔的信息圖表不同，商業儀錶盤不適合使用等距的「摩天大樓」 代替精確的普通條。
3D 圖表缺乏準確性，當用戶快速瀏覽界面以發現異常和傾向時，3D圖表會造成一個嚴重的障礙。在下面的一張圖片中，我試圖模擬第一眼看到什麼會吸引人們的注意。你能分辨出用彩色圓點標記的條形圖的高度是否相同嗎？
以綠色方塊為標記的柱狀圖數據相同，以玫瑰色圓點為標記的柱狀圖數據相同，第一個方塊高3% 。好吧，如果問題是數據準確性不足，那麼為什麼設計師不調暗其餘的平行六面體，只留下前面突出顯示？效果是這樣子的：
然而，準確性並不是唯一的問題。正如尤達大師在文化基因中所說，「還有另外一個。」已經猜到了？我指的是緊湊性和反映自然、微妙的數據波動的能力ーー不是這種總是起伏不定的誇張的過山車。
如果簡化它，測量參數的微妙變化將更好地區分。可以保持黑色主題，如果精確度和高光部分恰到好處的話，例如，在選定的時間範圍內最高和最低的值。順便說一下，我沒有壓縮條形圖的寬度，但是現在的圖表比以前窄了兩倍！
風險小結：
與數據量相比，「摩天大樓」以及其他等距可視化圖像佔據了巨大的空間。這樣的圖表也不能呈現微妙的數據波動。當「摩天大樓」突出顯示「屋頂」時，它們就更難閱讀了，因為頂部的條看起來更高。如何避免：
不要在商業圖表上使用3D效果。確保圖表設計支持真實的數據，這些數據通常不像原型圖那樣完美呈現波浪形。
七、嬰兒立方體(Baby cubes)
如果你有孩子，你可能知道一種叫做嬰兒立方體或活動立方體的玩具。它是一個盒子，有各種把手、插銷、插座、開關、算盤、按鈕、數字等附著在它的邊上。當然，這種「嬰兒儀錶盤」的所有組件都不能正常工作，但孩子們在玩立方體的時候，可以訓練他們手部的運動技能。
這和數據可視化有什麼關係？現在，我看到一個設計師不好的做法，繪製非常有視覺吸引力的儀錶盤，仔細檢查後發現，事實上帶來的價值不大。
「嬰兒立方體」是前面章節中所有危險風格的結合體ーー是一個誤導性的說明，而不是一個有用的工具。正如你在例子中注意到的，它充滿了時髦的細節：陰影、透明度、體積、發光、圓角、等距形狀等等。然而，所有的窗口部件都無法傳達信息：它們填充了屏幕空間，卻不能提供任何洞察力。
這裡不會出現「正確」的示例，因為我們已經詳細介紹了如何逐步修複數據可視化。
風險小結：
「嬰兒立方體」可能旨在使數據在視覺上更有吸引力，但不幸的是，它們也失去了精確性和實用性。圓形、陰影、漸變填充和3D 效果與普通表單相比，不能承受「不完美」的真實數據。時尚概念的特點是數據可視化，它們看起來令人印象深刻，但並不一定是最合適的(例如，兩個數字就足夠了的甜甜圈圖)。如何避免：