給數據穿上美麗的嫁衣,這是一個立竿見影的可視化教程

2021-02-18 大數據分析和人工智慧

平時,我們在製作幻燈片的時候,常常會遇到要處理大量數據的問題,而如何將這些數據通過圖形化的方式表達顯得尤為重要。所謂一圖勝千言,圖表用的好,真的是會事半功倍的。但現實情況下,很多小夥伴遇到的問題是:

你做的圖表太醜了。

你做的圖表到底想表達什麼?

圖表太多,該用哪一個更好呢?

所以今天的這篇文章就是為了解決這些問題,期待你可以有所收穫並多加練習,用行動去重新理解並轉化為自己的知識!


在製作幻燈片時,很多人都難以按照這樣的一個製作流程去繪製圖表:

因為它足夠考驗我們三個方面的能力:①分析能力;②整理能力;③設計能力,很多人做不出高質量的圖表,可能也是因為這個原因。

我們首先要明白:用圖形化語言來傳達信息的首要原則是:

讓人看懂!

讓人更快的看懂!

降低用戶單位時間內的思考成本。


所以,基於上述原則!

❶即使你圖表做的再酷炫,別人看不懂那也是無用功。

如圖:這張圖是屬於一張設計感上乘的圖表!是為了說明從1850-2016年以來表面溫度增長,2016年是最高的一年!但人們第一眼見到這張圖的時候,需要很長一段時間的理解和分析這張圖是告訴我什麼事兒?甚至有的人很難明白!

❷而相反,如果你的信息圖表條理數據都很清晰,但在版面設計上或是配色上並不是那麼容易被理解,也是差強人意的!

如圖:這張圖表使用了相同顏色的色彩,裝飾線和符號使用錯誤,數據不能夠被清晰識別。

所以我們要在合適的場景下使用合適的圖表。並且用最簡單有效的方式向用戶傳遞信息!使用什麼形式的圖表是我們首先要思考的問題!

中國古代最早的圖形化元素可以從兩個方面參考:


甲骨文是鐫刻或寫在龜甲和獸骨上的文字,也是國人印象中第一次將文字視覺化的基礎。而八卦圖、太極圖的出現,則是第一次將文字圖形化的參考。但這些都不算是圖表,而是圖形。

在現代,人們對於圖表的認知來自於我們生活的現實場景,日常的一些物體對使用者不斷的視覺刺激,如我們看到的:溫度計、手機信號、電池容量等都可以歸結為是信息圖的範疇,它們都可以視作為:柱狀圖。


而這種最簡單的柱狀圖便可以清楚的說明問題,也是我們在製作信息圖過程中的追求關鍵點之一:避免將簡單的問題複雜化。那麼在日常工作中,我們該如何選用圖表呢?

我們大致的梳理了幾個常用的圖表,並給出了使用建議。下方信息圖部分出自微信:《小餓大課堂》原文地址:圖表深度分析。感興趣的小夥伴可以前往查看。

1.為了表現數據的變化和發展趨勢可使用折線圖。

2.關於不同類別的數據比較,可以使用橫向或豎向柱狀圖,根據不同的屬性確定複雜程度。主要在於最大值和最小值的控制。


3.體現不同類別間的比例關係可以使用餅圖。

4.強調數量隨著時間變化的程度可以使用面積圖。

5.強調2個變量或多個變量與整體的對比可以使用獨立的餅圖。


6.強調多組數據各不相同的圖表時,可以使用雙軸線圖繪製。


7.數據過於複雜的時候可以使用1+1的複合圖表進行繪製。

我們常說:有對比才會有傷害,那如何通過一些技巧來強化圖表的對比呢?往往現實生活中的一些場景會給我們答案!比如我們通過手機買電影票的時候,常常看到的頁面,這也是一張信息圖表:

此畫面給我們傳達的結論是:55.8確認選座!而在選擇座位的過程中,圖片傳達給我們的信息來自以下3個關鍵點:

我們可以通過上圖了解到,上述我們提到的3點都可以被清晰的體現,所以這也是一張可被用戶感知的圖表。




通過不同形式的強化對比可以讓圖表變得更加易於傳達信息!便於用戶吸收和理解。


圖表的配色該如何選取呢?

1.跟隨整體幻燈片的主基色確定圖表顏色。


一般來說,我們在製作PPT時,會為整體PPT設定主題顏色,而圖表的顏色選用則可以圍繞整體的色彩傾向選用顏色。

①我們會先確定整體主題顏色傾向,如圖所示:

②然後,確定圖表顏色傾向:

2.通過配色網站吸取顏色

首先我們可以打開一個配色網站,比如說:http://www.colorhunt.co/

你可以使用QQ截圖提取色彩,然後回到幻燈片裡用吸管工具吸取顏色!我們選取上圖的第一款配色完成下圖的顏色搭配:

3.漸變色圖表的製作方法


方法和上面一樣!

我們可以打開一個提供漸變色的網站:https://uigradients.com

在PPT或Keynote裡面創建一個與圖表的寬度相同的矩形,然後用吸管工具在豎向的方向依次吸取顏色,這樣製作出的圖表能讓漸變更加流暢。

下圖是完成取色之後的漸變圖表:

4.手機快速製作PPT圖表的利器


這裡推薦一款APP:Chartistic

你可以用手機創建多種樣式的圖表。一拖一拽就可以完成。

同時支持自動配色,兼容透明PNG和PDF圖像。或者是在線發送圖表。動圖展示:

目前,很多人對於傳統的數據圖表展示其實已經產生了審美疲勞,所以讓圖表變得有意思,或者說是有內涵,顯得尤為重要。2012年,來自Dribbble上的Anton Egorov製作了一組數據圖用於雜誌插圖,立刻引起了行業關注,他製作的信息圖表是這樣的:

相較於傳統的數據圖表,這種表達方式顯得更加酷炫。而我們對於這種表達方式的構思,則來自於我們對圖表內容的高度理解。

舉一個簡單的例子:

比如說,我們想要繪製一個表達男女比例構成的圖表。初始圖表你可以這樣製作:

1.你可以利用圖片與圖形的填充,用擬物化的圖標結合【圖片填充】實現下圖的感覺。


2.或者換一種思路,利用點線面的方式表現也是可以的。


3.如果你對透視有了一些了解,你也可以繪製一個長陰影感覺的圖表,或者是3D的感覺讓圖表更加酷炫。

關於如何製作立體感覺的圖表,你可以參考這篇文章:如何做出一份有層次感的PPT


4.而發散性的思維決定了你圖表的細膩程度。你甚至可以這樣表達,直接使用具象化的圖片表達。

基於上述的思路,你一樣可以製作出有逼格,有氣質的數據化圖表,比如下面的這些案例:

雖然每張圖表沒有準確的圖形或者是圖像的界定,但是,一張圖表是否易於用戶去理解,或者說你的圖表不能讓用戶閱讀產生障礙。那麼請你遵循下面的這些原則性要求:

1.餅圖使用原則

餅圖的繪製要符合人眼的閱讀習慣,請遵循兩個原則:

沿著12點鐘位置起,順時針方向運動。

面積遵循從大到小排布。

2.曲線圖使用原則


對比類的曲線圖要遵循易於理解的原則,請遵循兩個原則:

3.面積圖使用原則


面積對比圖表在製作時請遵循:

避免顏色過於相近,影響閱讀體驗。

避免使用100%填充色,影響後續趨勢走向。

4.圖例從0起始原則


圖表的縱向坐標要堅持從0開始,可上下浮動,但不要擅自修改為其他數值。

5.圖形面積等比縮放


使用面積對比圖時,需要1:2、1:3等比例說明對比現狀時,切忌過於誇張化製圖,要使用面積等比縮放,保持圖標準確性。

6.強化色彩原則


對於不同圖例中單項數據的說明,可以適當的強化色彩對比度,不要將色彩控制在較小的區間浮動。

7.2D圖表優先原則


雖然Keynote中提供了3D圖表的展示,但是在對數據有嚴謹性要求的場景下,比如金融報表、市場數據等請使用2D圖表展示。不要為了追求「假裝很美」而選擇3D圖表。

8.數據親近原則  


同一項圖例中的不同類別數據對比,相距不可太遠。

上面的這些原則你都明白了嗎?

  

讓你商業圖表可視化突飛的必買課程


目前活動價,只要129,不要199

(掃碼購買)做圖不求人,你也可以這666

已有1700+學員加入,數據君給你護航

相關焦點

  • 這16個數據可視化案例,驚豔了全球數據行業
    這是一種了不起的視覺敘事方法:將一個有深度的主題用一種易於理解的方式解讀。  3)按年齡段分布的美國人口百分比  這是如何以令人信服的方式呈現一種單一的數據的好榜樣。Pew Research創造了這個GIF動畫,顯示隨著時間推移的人口統計數量的變化。這是一個好方法,它將一個內容較多的故事壓縮成了一個小的package。
  • python爬蟲—豆瓣電影top250及數據可視化!
    本次教程就是利用requests庫實現對於top250榜單電影數據爬取,並對爬取的數據繪製圖表進行可視化,做簡單的數據分析。文章將分為兩個部分:top250數據爬蟲和數據可視化。數據可視化為了後續更好實現數據可視化,我將取的數據儲存到mongodb中,將以電影評分、上映時間、上映地區、類型.方面來對這250部電影進行簡單的數據分析,這裡實現可視化利用的是
  • 可視化腦洞十五個數據可視化的奇妙例子
    、財新數據可視化實驗室創始人黃志敏老師,從本期開始擔任可視化專欄特約欄目主編。這些作品都非常精彩,但受手機屏幕大小的限制,不能直接呈現,強烈建議讀者將相關址發到電腦上打開欣賞。所謂一圖勝千言。那必定意味著數據可視化比得上千言萬語,對不對?無論如何,是時候讓我們收羅一些最具視覺衝擊力的複雜數據集了。以下是我最喜歡的15個例子。
  • 快到年底了,聊聊數據可視化
    有人把可視化簡單理解,不就是Excel上畫畫圖表嗎?可以說這屬於可視化,但僅僅是可視化在Office軟體裡的一種表現形式,可視化的歷史及發展遠不止於此,比如這個1812-1813年拿破崙進軍莫斯科的歷史事件的流圖可視化(作於1869年)被譽為史上最好的統計可視化。
  • 數據可視化當中的圖表組合:比例面積圖
    這是通過為行和列中的一個類別分配尺寸,並在兩個類別相交的表單元格中繪製形狀區域來實現的。在下面的示例中,圓圈的大小與每個團隊在給定任務上花費的時間有關:這顯示了不同國家的兩個性別之間存在多少差異(BMI)。可以將附加變量與這兩個變量中的每一個一起添加,並通過在每個點上顯示的形狀區域顯示。
  • 人類歷史上最有影響力的五個數據可視化信息圖 | 網際網路數據資訊網...
    數據可視化、信息圖是這兩年大數據熱潮中的時髦概念,但實際上數據可視化和信息圖古已有之,而「數據化運營」和「可視化管理」幾乎貫穿了整個近代西方經濟和文明的崛起歷程。
  • 大公司都是怎麼做數據可視化規範的
    如何從中啟發來構建自己的數據可視化設計指南?企業或組織進行數據可視化時,需要用數據可視化設計指南來規範信息表示形式。通常包括是什麼(圖表的類型有哪些?)、為什麼(如為什麼使用這個顏色?)和怎麼做(如用什麼工具設計?)。如果涉及到一些設計工具,如Excel、R、D3.js或Tableau,可視化指南還會提供一個模板來演示如何應用。
  • 中國數據內容大會聚焦數據內容與可視化
    新華社杭州12月20日電 19日,「行業與前瞻——2020中國數據內容大會」在浙江杭州舉行。本屆大會以「融合中的數據可視化:科學敘事與數據開放」為主題,聚焦數據內容與可視化這一流行敘事模式,以期進一步帶動可視化技術的國內推廣和國際交流,並激發數據開放及其公共價值。
  • 19款實用「數據可視化工具」
    大數據時代,數據分析已經成為一種常態。調查數據顯示,53%的企業員工都需要經常查看分析數據。由於數據數量多且雜,人們在做數據分析時需要藉助可視化工具將數據更直觀地展示出來以幫助理解。為此,站長之家本周為大家整理了一些好用的可視化工具,幫助大家提高效率。
  • 大數據:為什麼企業管理者需要更好的進行「數據分析可視化」?
    為什麼現在企業管理者熱衷於追求數據可視化?打一個很簡單的比方,我相信每個人都有在工作或者學習中,通過繪製圖形的方式來將某個概念問題的表述化繁為簡。比如,最近「烏合麒麟」致莫裡森的兩幅漫畫,可能洋洋灑灑幾萬字批駁文章都抵不過這兩幅畫來的衝擊大。
  • pandas數據可視化原來也這麼厲害
    作者:小伍哥 來源:AI入門學習(公眾號)在python中,常見的數據可視化庫有3個:matplotlib:最常用的庫,可以算作可視化的必備技能庫,比較底層,api多,學起來不太容易。seaborn:是建構於matplotlib基礎上,能滿足絕大多數可視化需求,更特殊的需求還是需要學習matplotlib。pyecharts:上面的兩個庫都是靜態的可視化庫,而pyecharts有很好的web兼容性,可以做到可視化的動態效果。並且種類也比較豐富。
  • 打通數據價值最後一公裡:一文讓你全面了解數據可視化
    從「傳遞價值」的核心意義分析,數據可視化需要考慮兩方面的技術,第一是狹義的數據可視化呈現形式,包括各種圖表工具和技術;第二是容易被忽視的人機互動,這也是評價數據可視化價值的關鍵因素。
  • 超酷炫.NET數據可視化組件LightningChart
    超酷炫.NET數據可視化組件LightningChart 來源:財訊網 • 2020-12-16 16:06:41 -- 專業圖形視圖應用集錦
  • 動畫 | 通信 | 數據 | Grasshopper動態 教程 第四期 圖像/Image
    想了解如何用grasshopper做MG動畫、概念動畫、圖形生成、實時通信或者可視化嗎?
  • 數據可視化地圖怎麼做?推薦這個BI軟體
    現在做數據分析基本上離不開數據可視化,在大量的數據中,有很大一部分數據都與地理信息相關,因此,在數據可視化中,可視化地圖是非常重要的一部分。無論是新聞報導,還是商業分析報告,都能看到運用地圖來分析展示相關數據。數據可視化地圖可以最直觀的表達出數據之間的空間關係,因此在很多數據分析場景中被廣泛應用。
  • Power BI數據可視化|春節檔電影豆瓣影評數據分析
    在上一節中,作者創建了一個包含春節檔電影豆瓣影評的數據表,並使用
  • 知圖課堂 | 還在頭疼年度報告嘛,5本書輕鬆入門數據可視化
    1   數據可視化定義是「以某種示意圖形式抽象的信息,包括信息單元的屬性或變量。」換句話說,它是一種連貫的視覺傳達定量內容的方式。根據其屬性,數據有許多不同的方式表示,例如折線圖,條形圖,餅圖,散點圖或地圖。   它是一個處於不斷演變之中的概念,其邊界在不斷地擴大。
  • 數據可視化發現了吃雞的秘密
    這種遊戲對我來說就是一個讓我明白原來還有這種死法的遊戲。但是玩歸玩,還是得假裝一下我沉迷學習,所以今天就用吃雞比賽的真實數據來看看如何提高你吃雞的概率。那麼我們就用python和R做數據分析來回答以下的靈魂發問?首先來看下數據:
  • 可視化就這麼玩
    喜的是他小A,一個很早就認識的學員,一直保持著亦師亦友的關係。最近小A興奮得來找我說,他們單位老大直接找他為一份年度報告配圖表,他已經激動得幾天沒睡好覺了,現在人送雅號「圖表小王子」。真為小A高興。 喜的還有他小B,小B的「突然造訪」真讓人意外。
  • 火爆抖音、B站的數據可視化動態視頻都是如何製作的?
    最近世界疫情越來越嚴重,小編在關注疫情的發展情況過程中,再一次拜倒在數據可視化的石榴裙下,話不多說,請看以下動畫。類似的視頻最近在抖音、B站上非常火爆!短短兩分鐘數據可視化的動態視頻可以讓我們非常清楚的了解疫情隨時間的變化趨勢,比如各個國家感染人數情況,還可以對比每個國家疫情的嚴重程度等等.......你是不是也在感嘆數據可視化的神奇力量。