看完這5個可視化圖表教程,B站爆火的可視化視頻你也能搞定

2020-09-03 數據分析不是個事兒

因為疫情原因,抖音、BI站、西瓜等各大短視頻平臺都湧現出了各種疫情數據可視化的分析的視頻,通過動態的可視化圖表讓人清楚的了解疫情數據的變化情況,一個幾分鐘的視頻就能獲得高達200多萬的播放量,短視頻帶來的紅利讓不少人都躍躍欲試

怎麼樣才能做出B站爆火的可視化視頻呢?

老李這篇可不是想要你怎麼進駐短視頻運營的,而且教你掌握數據可視化的製作技能。

B站可視化視頻製作

目前B站上的可視化視頻80%都是利用動態條形圖分析一些熱點話題、排行等等,比如中國省GDP排名、B站最熱門遊戲,世界各國人均GDP排名等等,這種視頻非常簡單,數據基本都官方數據網站上的公開數據,下載下來基本不用處理就能用,只要會做個動態可視化圖就行了,下面給大家講一下製作過程:

工具:flourish 網站:https://app.flourish.studio/login

國外的一個在線可視化flash網站,可視化工具裡的寶藏選手,網站自帶有很多的數據可視化模板,把數據上傳替換模版的數據就可以了,然後再設置一下圖標、顏色等個性化設置,錄個屏加個BGM就和B站那些up主的視頻一毛一樣了(說實話技術含量真的不高)

打開網站註冊登陸,第一步點擊右上角我們要製作的動態柱狀變化圖模板,點擊上方「Data」欄,然後點擊「uplode data file」上傳我們要用到的數據表格。

模板本身限定了表格的格式,如下圖一樣,A列是指標名稱、B列是屬性、C列是存放圖標的URL列,D列之後是時間變化列,準備excel表格的時候要按照這個格式。添加好excel表之後,模板會提示你導入了多少條數據,點擊確認即可

第二步就是優化可視化圖表,點擊上方的「Preview」,就會發現模板自動就已經開始按照時間開始滾動了!甚至不需要我們動一個手指頭

當然我們還要做一些美化和處理,右側有個編輯欄,主要是要進行標籤、顏色、播放速度、標尺大小、時間顯示格式等細節的美化,按照自己的風格設置好後,一個B站上常見的可視化視頻就做完了。

高級可視化圖表製作

上面的動態條形圖是最大眾化的可視化圖表了,B站、抖音太常見了,已經沒有什麼新鮮感了,要想讓你的作品脫穎而出,還得學兩個高級的可視化圖表,體現技術含量,接下來再給大家展示幾個高級可視化圖表的製作過程:

1、人民日報疫情玫瑰圖

製作工具:FineBI 網站:https://www.finebi.com/

國內有名的BI工具,擁有數據連結、數據處理、數據可視化等功能,拖拽式操作,步驟很簡單,且內置了豐富的可視化圖表和效果,用來做數據可視化報告或者可視化駕駛艙很方便

步驟:

登陸FineBI,在數據準備中,點擊添加表,上傳疫情Excel數據表,創建自主數據集,選取某一天的數據進行分析(因為我上傳的數據包含了2,3月每天的疫情數據,我們選取某一天的累計數據做圖)

數據選取完畢後,點擊保存即可預覽數據,然後點擊數據表右上的「創建組件」創建一個新的圖表組件,進入圖表製作界面

把name(國家名稱)拖入橫軸,3月7日累計疫情數據拖入縱軸,在圖表類型中選擇餅圖,此時會出現一個餅圖,再將3月7日疫情數據拖入圖形屬性中的「半徑」一欄,取消共用半徑,一張玫瑰圖的雛型就出來了

但是由於3月份中國的數據太大了,導致這個圖看起來比例很不協調,我們可以通過對數縮放,來縮小各國之間圖像上的差距,新增一個數據列,利用函數對疫情確診人數取對數,函數的用法系統裡寫的很清楚,直接對照格式使用就行了

然後用取完對數的數據替換原來的數據,一個比例協調的南丁格爾玫瑰圖就做完了:

調整一下顏色和標籤,圖例,最終效果如下:

2、數據可視化地圖

數據地圖也是高頻出現的可視化圖表之一,通過地圖直觀現在數據隨著地理位置的變化,經常用在和地理位置有關的數據分析中。 下面給大家展示幾種數據地圖的製作方法。

工具依然是FineBI,用的是工具自帶的內置地圖,也可以上傳圖片進行自定義地圖,地圖的類型很豐富,可以一鍵切換圖表形式,製作流向地圖、三維地圖等十幾種數據地圖

熱力地圖

上圖是我的做的一個全國各城市PM2.5值熱力圖,數據的上傳和組件創建步驟和上面的玫瑰圖一樣,進入組件製作界面後,點擊監測城市——地理角色——城市,系統會自動根據城市名字識別創建經緯度。

然後將生成的監測城市(經度)、監測城市(維度)分別拖拽到橫、縱軸,圖表類型選擇熱力地圖,再將PM值拖拽到圖表屬性的熱力色一欄,這樣顏色的深淺就代表值的大小,一張熱力地圖就做完了

流向地圖

流向地圖在展現人口遷移,交通流向,通訊信息流動、航空路線時經常用到,也是常見的可視化圖表之一,製作步驟如下

1、在進行春運遷徙流向分析之前,我們需要準備流向地圖的製作數據,包括遷徙路線、城市、城市對應經緯度和ID,在準備好數據後,和上面的步驟一樣,創建組件開始製作

2、我們準備數據是經度、緯度欄位,所以要先將經緯度欄位轉換為地理角色,然後將轉換後的經緯度欄位拖入橫縱軸中:

經緯度默認匯總方式為求平均,此時圖表中僅顯示了一個點。我們還需要一個維度欄位來為經緯度欄位劃分細粒度,因此我們將遷徙路線欄位拖拽到細粒度中,並在圖表類型中選擇流向地圖,如下圖:

然後進一步劃分細粒度,即每條遷徙路線下對應的城市維度。將城市欄位拖拽至細粒度下、遷徙路線欄位移到圖形屬性下的顏色欄,就可以做出這種效果了:

在實現按照遷徙路線和城市劃分連線以後,我們還需要指定流向的順序,將ID欄位拖入圖形屬性下的連線欄,點擊確定進行動畫效果設置,就能夠看到圖表中即按照遷徙路線的方向來流動了

3、雷達圖

雷達圖,又稱為蜘蛛網圖,每個分類都擁有自己的數值坐標軸,這些坐標軸由中心向外輻射, 並用折線將同一系列的值連接。用以顯示獨立的數據系列之間,以及某個特定的系列與其他系列的整體之間的關係。

玩遊戲的人應該常見,經常會用雷達圖來展現一個英雄各方面的能力

製作步驟:以兩個手機的性能對比為例

數據導入和組件創建同上,將待分析區域維度下的「特徵」欄位拖入橫軸中,將指標下的欄位手機A、手機B拖入縱軸中,圖表類型選擇雷達圖,指標名稱拖入顏色,一個雷達圖的雛型就做好了

調整一下值軸刻度,讓數據差距更明顯一些:

最終效果如下:

今天的教程就到這裡,想看更多可視化製作教程可以給我留言,點讚數超過50個我就出教程。

相關焦點

  • excel數據可視化教程,高級動態圖表的製作
    我們在實際工作中,我們經常使用excel表格處理和分析數據,我們之前學習過excel圖表的製作,我們掌握了簡單的excel平面圖表的製作,比如製作柱形圖、折線圖、餅圖,我們還是學習了使用excel控制項製作簡單的excel動態圖表,今天我們是要分享的是excel高級動態圖表的製作,excel
  • Axure 教程:利用圖表前端插件實現高級可視化圖表
    如何通過圖標前端插件完成高級可視化圖表?筆者在此給出了詳細教程,與大家分享~~後臺開發中避免不了實現一些可視化的圖表,主要製作的方法有四種:Excel表格截圖、Axure圖形繪製、Axure網頁框架和Axure第三方圖表元件。第三個「Axure網頁框架」需要結合antv、echarts、HighCharts等前端可視化插件代碼。
  • 火爆抖音、B站的數據可視化動態視頻都是如何製作的?
    最近世界疫情越來越嚴重,小編在關注疫情的發展情況過程中,再一次拜倒在數據可視化的石榴裙下,話不多說,請看以下動畫。類似的視頻最近在抖音、B站上非常火爆!短短兩分鐘數據可視化的動態視頻可以讓我們非常清楚的了解疫情隨時間的變化趨勢,比如各個國家感染人數情況,還可以對比每個國家疫情的嚴重程度等等.......你是不是也在感嘆數據可視化的神奇力量。
  • 為選擇數據可視化圖表而發愁?學會這14個可視化圖表即可
    5個問題1.您想比較值嗎?2.條形圖當一個數據標籤較長或要比較的項目超過10個時,應使用條形圖(基本上是水平的柱形圖)來避免混亂。這種類型的可視化也可以用於顯示負數。4.雙軸圖雙軸圖表允許您使用兩個y軸和一個共享的x軸來繪製數據。它與三個數據集一起使用,其中一個基於連續數據集,另一個更適合按類別分組。這應該用於可視化這三個數據集之間的相關性或缺乏相關性。
  • 搞定這12個設計圖表,就知道該如何製作數據可視化
    但是,儘管這樣做很容易,但是一個好的可視化仍然需要一定數量的戰略規劃和設計思想。知道誰是受眾能夠幫助你確定所需的數據。知道要講的故事(分析數據)會告訴你要使用哪種數據可視化類型。假設你擁有正確的數據和正確的數據可視化軟體。還需要選擇正確的圖表。希望這篇文章可以幫助您創建更好的數據可視化和儀錶板,以便於理解。
  • 如何用PPT,製作大片級可視化圖表?
    其實像上面這些可視化圖表也並不難,只要你注意這四個方面,就沒問題了。單個圖表的美化這些可視化圖表,其實用的圖表類型,還都是比較常規的。比如說柱狀圖,條形圖,折線圖,餅圖,圓環圖,面積圖。關於這些圖表的美化,我之前寫過很多篇文章了,大家可以看一下。
  • 【純乾貨】抖音、B站上數據可視化視頻,一鍵生成教程分享
    這幾個方法,雖然最後大致都能達到效果,可要麼是門檻太高,要麼是操作太麻煩。經過我的尋找,終於找到了一種效果最好,實現最簡單的方法。全程沒有敲過一個代碼,基本上5-10分鐘就可以做出一個視頻:答案就是: Flourish
  • H5教程|如何零基礎在H5中實現數據圖表可視化效果
    數據可視化主要旨在藉助於圖形化手段,清晰有效地傳達與溝通信息。今天,我們使用的H5工具是Epub360,下面我們來介紹實現數據圖表可視化效果的方法,零基礎的你們準備好了嗎?首先,我們先來介紹一下數據圖表組件。
  • 6個要點搞定高效且引人入勝的數據可視化
    一個數據可視化看起來製作簡單,但是你想要把數據可視化做到即高效,同時又不失去趣味性,並且能夠得到大多數人的喜歡卻不是一件容易的事情。要把這兩者兼得去製作出一個令人滿意的數據可視化,想必是很多設計師或者數據分析人員所追求的一個目標。因為一個完美高效的數據可視化,不僅能講述一個「好故事」而且還能通過可視化圖表發現數據當中隱藏的信息來輔助我們進行企業決策。
  • 50 個數據可視化圖表
    本文總結了在數據分析和可視化中最有用的 50 個 Matplotlib 圖表。
  • 數據可視化中的經典圖表
    可視化設計原則中最基本和最經典的原則來自於設計師愛德華·R·塔夫特,他在《量化信息的視覺表現》中概述了數據墨水比例原則。該原則要表達的核心思想就是簡潔,最好的大屏可視化不是數據的平鋪,不是設計的天馬星空,我們的圖表要簡潔,我們的數據要簡潔。今天,可視化的設計過程我們暫且略過,先來看一看這些經典的大屏可視化圖表。
  • 嘔心整理4大類12個圖表類型,輕鬆搞定數據可視化
    科技的進步讓我們積累了越來越多的數據,如何更好的利用這些數據,將它們轉化為有用的信息並驅動我們作出更好的決策,關鍵在於將它們可視化。但是,即便科技再進步,可視化工具再精益,也無法遏制劣質圖表的泛濫。因為很多人並不知道該如何從那麼多類型的圖表中,選擇最適合的一種來表達數據。
  • 信息可視化圖表設計指南!
    數據可視化教學班3999元勁爆2.5折,現價998元!!!課程連結見文末閱讀原文作者:cherries 出處:ued.baidu信息可視化包括了信息圖形、知識、科學、數據等的可視化表現形式,以及視覺可視化設計方面的進步與發展。
  • B端互動設計——數據可視化圖表
    因此掌握數據可視化能力是設計師必不可少的一個技能,然而目前國內網際網路對於數據的教學不夠全面,這讓很多B端的設計師很苦惱;所以今天我結合自己的工作經驗和大家分享一下——「數據可視化之圖表設計」,為大家梳理一套完整的數據可視化的框架,以及關於可視化設計的基本準則和規範。  幫助大家理解什麼樣的數據對應什麼樣的圖標,了解顏色的意義,知道數據排版的要點。
  • 最受歡迎的 50 個數據可視化圖表
    本文總結了在數據分析和可視化中最有用的 50 個 Matplotlib 圖表。
  • 數據可視化必修課 - 圖表篇
    ,而圖表是數據可視化中最常用的一種表現形式。無論是工作匯報還是後臺設計,都離不開圖表的使用。然而關於圖表類相關的資料太零碎了,不成體系,對於初學者非常不友好,本篇文章我從圖表的祖輩開始,把它都給挖了出來,希望對你有幫助。
  • 10張精美可視化大屏模板分享,加極簡製作攻略!抓緊收藏
    這兩年隨著大數據的發展,數據可視化大屏項目漸漸從原來的政府企事單位逐漸應用到了企業端,從事數據行業這麼多年,我也參與過不少大屏項目的開發,也感知到了企業大屏需求的不斷變化。大屏可以用代碼開發或現成的可視化工具來實現,用的比較多的就是JS+Ecahrts,但數據量支撐、後臺響應、實時更新、平臺運維等應該還要調用更多的技術,這方面我不是專家,就不多贅述了。
  • 簡單明了的數據可視化圖表
    當我們需要用書面表達同一件事物時,我們的思維定式就是「能用圖描述的就不用表,能用表就不用文字」。這句話充分地表達出從認知的角度來說我們更習慣於直接的視覺表達形式—圖表。可視化圖表有哪些基本類型,我們在選擇圖表時又需要遵守哪些原則呢?
  • 數據可視化圖表工具有哪些圖表類型?
    大家都聽過「數據可視化」,也知道要用直觀的圖表讓受眾理解複雜多變的數據。但很多人往往只注重讓圖表看上去「高大上」,而忽視了「這些的數據究竟適合哪些圖表來表達」。結果很多人花了大力氣做可視化圖表,卻沒達到想要的效果。 那麼,如何讓數據「說人話」,讓受眾更快速地懂你呢?
  • 數據可視化的5個步驟
    就Elsevier而言,每年從ScienceDirect下載的文章有7億篇,Scopus 上的機構檔案有8萬個、研究人員檔案有 1 千 3 百萬,Mendeley上的研究人員檔案有 3 百萬。對於用戶來說,從這個數據海洋中抓到關鍵信息越來越難。這也是數據可視化的用武之處:用簡單易懂的可視化方式總結並呈現大型數據集,為讀者提供有價值的信息。