可視化圖表，圖形是使數(shù)字能夠?qū)嶋H對話的最強(qiáng)大的方式之一。

一個(gè)關(guān)于數(shù)據(jù)可視化的圖表一定是嚴(yán)謹(jǐn)并可以直觀表達(dá)數(shù)據(jù)、方便決策者去做決策的。

但是，很多剛開始使用的人往往會不知所措，無法下手。

本文作者詳細(xì)解讀了關(guān)于數(shù)據(jù)可視化圖表設(shè)計(jì)如何循序漸進(jìn)的過程：

步驟1：分析目標(biāo)對象

步驟2：選擇正確的圖表

步驟3：選擇一個(gè)軟件程序

步驟4：整理

步驟5：用顏色澄清信息

步驟6：用文字闡明信息

步驟7：最容易忽略的一步——測試草稿

編者按

作者 | @小陳同學(xué)源自 | 人人都是產(chǎn)品經(jīng)理轉(zhuǎn)自 | MicroUX步驟1：分析目標(biāo)對象首先，我們必須做一些計(jì)劃，先不要急著馬上從圖形下手。從長遠(yuǎn)來看，一點(diǎn)點(diǎn)的前期計(jì)劃可以節(jié)省數(shù)小時(shí)的血液，汗水和眼淚。我們最先需要分析的是目標(biāo)受眾群體。確切地說，誰將使用我們提供的數(shù)據(jù)進(jìn)行決策？在設(shè)計(jì)過程中，分析受眾是所有思考步驟中最不線性的。此步驟不依賴于計(jì)算機(jī)軟件或編程技能，而是涉及有關(guān)于用腦的思考。1. 誰是觀眾？我們的的首要考慮因素就是這個(gè)問題，為一組基礎(chǔ)課程計(jì)劃人員設(shè)計(jì)的圖表不適用于一組高中校長，反之亦然。在一張紙，白板，電子表格甚至餐巾紙的背面列出所有受眾類型。與相關(guān)負(fù)責(zé)人共享該列表，直到所有人都對數(shù)據(jù)的目標(biāo)對象達(dá)成共識，這一步才算是完成。2. 受眾人群的算術(shù)水平是多少？他們喜歡還是害怕數(shù)據(jù)？除非您為一組經(jīng)濟(jì)學(xué)家或統(tǒng)計(jì)學(xué)家設(shè)計(jì)圖表，否則通常可以忽略諸如效應(yīng)大小，功效分析和誤差范圍之類的細(xì)節(jié)。與實(shí)際意義相比，外行人通常對實(shí)際意義(“那是什么？”和發(fā)現(xiàn)的含義)更感興趣。3. 您的受眾對數(shù)據(jù)可視化的熟悉程度是多少？如果他們都是些數(shù)據(jù)可視化的新手，我們其實(shí)可以使用傳統(tǒng)圖表(如餅圖，條形圖和折線圖)，這種時(shí)候，傳統(tǒng)圖表勝過一切花里胡哨的專業(yè)性圖表。因?yàn)閷τ诔鯇W(xué)者來說，他們將花費(fèi)更多時(shí)間在圖表的新穎性和設(shè)計(jì)性上，而不是關(guān)注包含的信息。4. 觀眾有多少時(shí)間？如果只有很少的時(shí)間或興趣，建議使用簡單的靜態(tài)圖表。反之，交互式圖表是一個(gè)很好的選擇。5. 受眾群體會做出哪些類型的決策？他們需要什么信息？他們已經(jīng)掌握了什么信息？他們期望獲取什么信息？我們制作的圖表將如何為他們增加價(jià)值？如果無法考慮圖表如何為讀者增加價(jià)值，請不要創(chuàng)造一個(gè)，因?yàn)槊總€(gè)圖表都需要一個(gè)可以達(dá)成決策的目的。6. 需要多少精度？作為數(shù)據(jù)可視化設(shè)計(jì)師，可以自由選擇需要多少精度。請記住，我們的選擇應(yīng)該經(jīng)過深思熟慮后有意為之。決定以兩種方式發(fā)揮作用：1.選擇的圖表類型?2.如何標(biāo)記數(shù)據(jù)點(diǎn)選擇圖表類型時(shí)，請記住，某些圖表在顯示精度方面要優(yōu)于其他圖表。例如，依賴于角度和面積來顯示差異的圖表(如餅圖)用于傳達(dá)一般模式。依靠長度顯示差異的圖表(如條形圖)用于傳達(dá)特定的細(xì)節(jié)。7. 需要多少個(gè)小數(shù)位？一個(gè)相關(guān)的決定是數(shù)據(jù)標(biāo)簽的精確度。你會把小數(shù)位包括在內(nèi)嗎？多少合適呢？在大多數(shù)情況下，我們可以安全地將小數(shù)位舍入到最接近的整數(shù)。因?yàn)榇蠖鄶?shù)人很少使用十分之幾，百分之幾或千分之一的位置進(jìn)行決策。在某些情況下，決策者或許需要小數(shù)位來做出決定，這種情況下的數(shù)字要么很小要么非常相似。例如，在有關(guān)奧運(yùn)會記錄的斜率圖中，設(shè)計(jì)師知道顯示精確的測量值至關(guān)重要，因?yàn)閿?shù)字非常小且相似(如下圖所示)。

(圖源 推特Post Graphics)

步驟2：選擇正確的圖表這個(gè)就需要我們花費(fèi)時(shí)間把大致的所有可視化圖表類型都做一個(gè)了解，比如：折線圖，條形圖和柱形圖表示隨時(shí)間的變化。金字塔和餅圖顯示整個(gè)部分。如果需要可視化大量數(shù)據(jù)，則散點(diǎn)圖和樹形圖將很有幫助。然后再問問自己要顯示多少個(gè)變量，要顯示多少個(gè)數(shù)據(jù)點(diǎn)以及如何縮放軸。1. 折線圖創(chuàng)建折線圖的最佳做法：

• 清楚地標(biāo)記每一條軸的坐標(biāo)與圖例，確保觀眾知道他們正在評估的是什么內(nèi)容。

• 刪除分散注意力的圖表元素-網(wǎng)格，變化的顏色和笨重的圖例會分散觀看者的注意力，使他們無法快速查看總體趨勢。

• 如果數(shù)據(jù)集從零開始，則放大y軸。在某些情況下，更改y軸的比例會更容易。

• 避免比較5-7條以上的線，所有人都不希望圖表變得混亂或難以閱讀。可視化僅需要需要能講故事的數(shù)據(jù)。

2. 餅圖餅圖是有史以來最常用和最討厭的圖表類型之一。餅圖用于顯示整體的一部分，以百分比表示數(shù)字，所有劃分的部分的總和等于100％。創(chuàng)建餅圖的最佳做法：

• 確保細(xì)分總計(jì)為100，雖然聽起來很容易，但其實(shí)這是一個(gè)非常常見錯(cuò)誤。

• 保持整潔一致。我們僅比較幾個(gè)類別即可闡明觀點(diǎn)。如果餅圖的大小大致相同，請考慮使用條形圖或柱形圖。

• 避免使用3D圖像或傾斜餅圖，這通常會使我們的數(shù)據(jù)無法讀取，因?yàn)楹芏鄷r(shí)候這樣的角度不夠明顯和清晰。

3. 條形圖，柱形圖條形圖和柱形圖用于比較不同的項(xiàng)目。柱形圖上的每一條是垂直的，而條形圖上的每一條是水平的。當(dāng)一個(gè)數(shù)據(jù)標(biāo)簽很長或要比較的項(xiàng)目超過10個(gè)時(shí)，通常用條形圖來幫助避免混亂。這兩種圖標(biāo)都很易于理解并創(chuàng)建。創(chuàng)建條形圖和柱形圖的最佳做法：

• 將y軸從零開始。我們的眼睛對圖表上的條形區(qū)域敏感。如果這些小節(jié)被截?cái)?#xff0c;則觀看者可能得出錯(cuò)誤的結(jié)論。

• 將每一條軸所代表的數(shù)據(jù)都標(biāo)記清楚，為查看者提供上下文。

• 在條形上放置值標(biāo)簽，這有助于保留條形長度的整潔線條。

• 避免使用過多的顏色“彩虹效果”。使用單一顏色或使用相同顏色的深淺陰影是一種更好的做法。尤其是要傳達(dá)的信息時(shí)，我們可以突出其中的一欄。

步驟3：選擇一個(gè)軟件程序一旦我們對可視化的外觀有了大概的想法，就可以坐在計(jì)算機(jī)面前構(gòu)建可視化的第一稿。有數(shù)十種軟件程序可用于構(gòu)建數(shù)據(jù)可視化。關(guān)于程序的挑選也需要把控，因?yàn)橛行┦敲赓M(fèi)的，有些是付費(fèi)的，對于小企業(yè)來說，一款性價(jià)比高的可視化工具才是最適合自己的。這里我可以列舉幾款性價(jià)比較高的可視化工具：1. EChartEcharts是一款免費(fèi)軟件，可以免費(fèi)開源，它吸引人的一點(diǎn)就是其圖表可以變得非常酷炫和好看。但由于它是基于程序代碼的，可以通過程序來控制數(shù)據(jù)，因此能夠做到及時(shí)拓展數(shù)據(jù)。Echarts同時(shí)也會有很多的bug，而且入門門檻較高，不適合新手小白直接上手。Echarts的主要面向群體為開發(fā)者，需要寫代碼。2. EasyV數(shù)據(jù)可視化EasyV數(shù)據(jù)可視化是面向產(chǎn)品的一款可視化工具，所以他的入門門檻較Echart相對低一些，而且EasyV可以免費(fèi)申請?jiān)囉?#xff0c;試用過程中如果合適再后期付費(fèi)，相對于一些中小型的企業(yè)來說比較友好，而且組件非常齊全，里面內(nèi)置了很多現(xiàn)成的設(shè)計(jì)師模板，后期只要人為地修改一下數(shù)據(jù)，一個(gè)數(shù)據(jù)大屏馬上就可以搭建完成。同時(shí)EasyV也支持組件開發(fā)，如果是寫代碼的群體也可以在平臺上大展身手。步驟4：整理在計(jì)算機(jī)上創(chuàng)建了數(shù)據(jù)可視化的第一稿之后，就該對可視化進(jìn)行優(yōu)化，使信息更加生動。無論我們使用的是哪種軟件程序，優(yōu)化都是必不可少的。我進(jìn)行的第一個(gè)編輯是整理我的可視化效果。軟件程序附帶太多的邊界，線條和不必要的墨水。檢查圖表上的每個(gè)墨水斑點(diǎn)，是我們需要做的事情。由上圖可以發(fā)現(xiàn)，刪除了不必要的網(wǎng)格和框線以后，圖表變的更加清晰整潔，具有可觀看性。哪怕是框線顏色的修改，都是我們需要考慮的問題，上圖非常直觀地給我們帶來了顏色不一產(chǎn)生的視覺效果差別，深色的背景配合白色的框線才能突出我們想要表達(dá)的信息。盡管我們習(xí)慣于看到圖例，但確實(shí)我們很少需要它們。圖例可能會導(dǎo)致屏幕或頁面周圍不必要的鋸齒形變化，如果圖形以灰度打印，則圖例也可能難以解釋。不要圖例，而直接標(biāo)記數(shù)據(jù)也許是一個(gè)更好的選擇。例如，在以下折線圖中，刪除單獨(dú)的圖例，并將類別標(biāo)簽放在每條線的右側(cè)可以使圖表看著更加美觀整潔。步驟5：用顏色澄清信息顏色是圖表中最強(qiáng)大的元素之一，請明智地選擇圖表中的每一個(gè)顏色！選擇顏色的步驟大致如下：1. 選擇一個(gè)調(diào)色板以匹配外觀。2. 用行動色引導(dǎo)讀者的眼睛和注意力。1. 使用自定義顏色切記，不要使用Excel，Tableau或其它圖表工具中的默認(rèn)顏色！現(xiàn)在互聯(lián)網(wǎng)非常發(fā)達(dá)，我們可以多學(xué)一學(xué)網(wǎng)上有關(guān)圖表配色方案的文章與講解，不要再傻呆呆地偷懶去使用一些默認(rèn)的配色了。2. 確保顏色在灰度中清晰可見屏幕上的閱讀越來越普遍，但是有可能仍會有人會打印我們的可視化文件。一般來說，我們需要提前測試自己的草稿，以確保即使以灰度打印它們也仍然清晰可辨。可以通過兩種不同的方式測試草稿。首先，簡單地以彩色打印一份草稿，而以灰度打印另一份草稿，然后進(jìn)行并排比較。或者，可以僅以灰度預(yù)覽圖像文件，從而根本不需要打印任何內(nèi)容。例如，在Microsoft PowerPoint中，您只需單擊圖像文件將其選中，然后轉(zhuǎn)到屏幕頂部的“圖片工具：格式”選項(xiàng)卡。然后，轉(zhuǎn)到顏色圖標(biāo)，然后以灰度為圖像文件重新著色。步驟6：用文字闡明信息光有圖表是遠(yuǎn)遠(yuǎn)不夠的，加以文字說明才能讓人更好理解我們想要表達(dá)的東西。通常，我們將標(biāo)題，字幕和注釋保存為結(jié)尾。1. 在標(biāo)題中說明故事需要用數(shù)據(jù)講故事嗎？不要使用通用標(biāo)題(“圖1”或“某某圖書館進(jìn)出人數(shù)”)，而是在標(biāo)題中注明消息。瞄準(zhǔn)6到8個(gè)字的標(biāo)題，必要時(shí)可使用問句。我們可以從報(bào)紙上的文章的得到啟發(fā)，記著通常都會用一些問句來制造噱頭(但也不能太過標(biāo)題黨，誤導(dǎo)別人)。我們需要明白圖：聽眾可能會也可能不會閱讀完整的圖表，好的標(biāo)題必須使人一眼就明了你的意圖和指向。2. 注釋注釋是提供重要上下文詳細(xì)信息的標(biāo)注框。在PowerPoint，Word或Excel中，可以通過插入文本框輕松創(chuàng)建批注，無需花哨的軟件。

一個(gè)很好的例子(來源推特：瓊斯媽媽)

圖中的圖表標(biāo)題，一般人也許會稱呼為“生活在貧困中的兒童人數(shù)”或“貧困與地理位置之間的關(guān)系”。這個(gè)6字的標(biāo)題“在收入階梯中，位置很重要”，可確保讀者立即掌握圖表的信息。兩行標(biāo)題在標(biāo)題下方添加了更多詳細(xì)信息，并注釋了一些城市。該推文的文字也加強(qiáng)了該信息。3. 建立文本層次結(jié)構(gòu)根據(jù)圖表的大小調(diào)整字體大小。一個(gè)文本層次告訴觀眾哪些信息是最重要的(標(biāo)題)和哪些信息是最不重要的。以前，所有字體都是相同的大小，因此標(biāo)題并不突出。會讓數(shù)據(jù)報(bào)告看起來像是一言不發(fā)。但是如果我們使用較大的字體并通過將文字覆蓋在照片上方來使標(biāo)題突出，那么整個(gè)報(bào)告會給人很清楚明了的信息，必要時(shí)可以給每個(gè)部分使用不同的顏色，更加一目了然。步驟7：最容易忽略的一步——測試草稿這一點(diǎn)我們在前面已經(jīng)討論過了，這一步驟需要具體問題具體分析。但是萬變不離其宗，我認(rèn)為大多數(shù)的測試都需要確定以下幾個(gè)問題：

• 文字大小是分層且可讀的

• 少用標(biāo)簽

• 比例是準(zhǔn)確的

• 去掉沒有不必要的刻度線或軸線

• 圖形具有適當(dāng)?shù)木人?/li>

這些都是很瑣碎但是非常必要二次明確的東西。一個(gè)關(guān)于數(shù)據(jù)可視化的圖表一定是嚴(yán)謹(jǐn)并可以直觀表達(dá)數(shù)據(jù)方便決策者去做決策的。如果檢查過程中發(fā)現(xiàn)難以理解，視覺復(fù)雜，那必定是沒有檢測草稿的，需要再次優(yōu)化。總結(jié)一個(gè)好的數(shù)據(jù)可視化圖表設(shè)計(jì)包含這多種多樣的“心機(jī)”與“套路”，一個(gè)設(shè)計(jì)師必須要不斷地完善以達(dá)到“看一眼就知道這個(gè)圖在說什么”的地步，同時(shí)需要兼具美觀與設(shè)計(jì)感。這個(gè)條件聽上去很苛刻，但是通過不斷地精進(jìn)與完善，這其實(shí)并不難做到。圖表既然為大眾設(shè)計(jì)就要服務(wù)于大眾，每一張優(yōu)秀的可視化圖表都包含著一個(gè)好的故事。

這7種花哨的可視化圖表現(xiàn)在很流行，但會誤導(dǎo)商業(yè)決策

17種經(jīng)典圖表總結(jié)，輕松玩轉(zhuǎn)數(shù)據(jù)可視化

總結(jié)

以上是生活随笔為你收集整理的powerbuilder 保存图表图像_数据可视化/统计图表循序渐进指南的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。