【直觀感受中國崛起】5分鐘學會資料視覺化視訊
來源
https://www.bilibili.com/video/BV1mD4y1R7sV?from=search&seid=5107938571659704147
條形競賽圖
條形競賽圖
優點
-
太炫酷了
-
製作起來很簡單
-
不僅能夠展示隨著時間的遷移目標值的變化
-
不同分類的排名情況也能跟著一起變動
最終效果圖
這裡準備展示一個近80年來世界各國GDP的變遷情況,尤其是看中國的一個GDP的排名變化情況
只要我們點選播放按鈕,那這樣的條形競賽圖就可以開始播放
它會隨著時間的變動,展示每一年每個國家的一個GDP總量情況,然後以及它的一個排名
如何製作
不需要程式碼,只需要藉助第三方的網頁工具就可以了
準備資料
世界各國的GDP資料是一個公開的資料集
https://data.worldbank.org.cn/
然後就會進入到下面的頁面
這樣的話,我們就得到資料了。
資料處理
然後我們再來看一下Data這個表裡面是一些什麼內容
設定單元格格式
【Ctrl+A】【右鍵】【設定單元格格式】【數字】【數值】【使用千分位分隔符】
插入一列,用來展示一個國家的圖片資訊
我們只需要把一些前12名的國家,給它填充起來,這樣我們在展示的時候就不會出現沒有圖片的現象
常用的國旗的網站:
https://www.countryflags.io/#countries
https://www.countryflags.com/en/
這是最後填充好的結果
在這裡就是隨便貼上了一下
繪製圖形
繪製圖形的時候,我們使用的是一個叫做app.flourish.studio的視覺化繪圖網站
https://app.flourish.studio/login
初次使用的話,需要我們註冊一個賬號
註冊成功並登陸,接下來就可以使用這個網站了
接下來我就可以開始正式的繪圖工作了
這個網站提供了很多的一個視覺化的模板
1.新建一個工程
2.然後在它提供的模板裡面找到我們需要的一個bar chart race,一個條形競賽圖
3.點選這個模板
並且這個模板的話,它是有一些樣例資料給我們做一些展示和參考的
然後我們點到這個data,把我們自己的資料全部匯入進去
這裡我們需要去調整一些我們的列
調整完資料集之後,我們可以看一下預覽圖,點選【preview】
那這樣的話,其實大致輪廓是已經出來的了
所以我們來做一個篩選
Bar colors By bar
那這樣的話,我們就得到了我們想要的圖形了
圖形的調整
Time counter & totalizer
計時器
為圖形設定title
可以加在header的這樣的一個選項
設定資料來源——標識
那這樣的話,一個基本的圖形是已經繪製出來了
設定圖形展示的時間
預設的圖形展示時間是30s,如果我們不想讓它展示那麼快,我們也可以設定一下引數
我們可以根據自己的需要來更改,一般改成60s或者是100s都是可以的,也就是更改了這個條形競賽圖的放映速度
將圖形放大
這個連結是可以分享到手機瀏覽器裡面去檢視的
最終
配上BGM,使用錄屏軟體,把這樣的一個動態圖形給它繪製出來了
相關文章
- 中國大學排名資料分析與視覺化視覺化
- 視覺化中的資料視覺化
- 金融行業BI視覺化報表,直觀體驗資料的價值行業視覺化
- (在模仿中精進資料視覺化03)OD資料的特殊視覺化方式視覺化
- 資料視覺化基本原理——視覺化模型視覺化模型
- (在模仿中精進資料視覺化01) 全國38城居住自由指數視覺化視覺化
- 資料視覺化【十五】視覺化
- 資料看板視覺化視覺化
- Matlab資料視覺化Matlab視覺化
- 網路視覺化守衛“數字中國“資訊保安視覺化
- 爬取B站視訊播放量及資料視覺化視覺化
- 15分鐘,不,用模板做資料視覺化只需5分鐘視覺化
- 資料視覺化Seaborn從零開始學習教程(三) 資料分佈視覺化篇視覺化
- 資料視覺化效果怎麼做,資訊視覺化設計用什麼軟體視覺化
- 視覺化之資料視覺化最強工具推薦視覺化
- Flutter中的資料視覺化charts家族Flutter視覺化
- 什麼是資料視覺化,為什麼資料視覺化很重要?視覺化
- 資料視覺化--實驗五:高維非空間資料視覺化視覺化
- 我國的離婚率現狀,通過資料的視覺化展示,來直觀的展現給大家視覺化
- 資料視覺化工具不會選?資料視覺化實現流程瞭解一下!視覺化
- (在模仿中精進資料視覺化09)近期基金漲幅排行視覺化視覺化
- 資料視覺化實踐視覺化
- python資料視覺化——echartsPython視覺化Echarts
- 如何看待資料視覺化?視覺化
- python 資料視覺化利器Python視覺化
- 資料視覺化的秘密視覺化
- 【matplotlib教程】資料視覺化視覺化
- 資料視覺化的作用視覺化
- 「AI白身境」深度學習中的資料視覺化AI深度學習視覺化
- 什麼是資料視覺化?hightopo資料視覺化助力企業數字化視覺化
- 資料視覺化的基本原理——視覺通道視覺化
- 前端之圖形學-1 資料視覺化前端視覺化
- 浙江大學陳為“大資料視覺化”大資料視覺化
- 智慧公安視覺化資訊研判大資料平臺視覺化大資料
- Python資料科學(八)- 資料探索與資料視覺化Python資料科學視覺化
- FFCreator -- 用 node.js 來製作資料視覺化視訊吧Node.js視覺化
- 資料視覺化如何選擇合適的視覺化圖表?視覺化
- 獲獎的資料視覺化示例 讓人視覺震撼視覺化