【直觀感受中國崛起】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,使用錄屏軟體,把這樣的一個動態圖形給它繪製出來了
相關文章
- 視覺直觀感受7種常用的排序演算法視覺排序演算法
- 視覺直觀感受 7 種常用的排序演算法視覺排序演算法
- 史丹佛:資料視覺化與美學設計【視訊】視覺化
- 金融行業BI視覺化報表,直觀體驗資料的價值行業視覺化
- 資料視覺化學習資源視覺化
- 爬取B站視訊播放量及資料視覺化視覺化
- 資料視覺化基本原理——視覺化模型視覺化模型
- 資料視覺化與資訊視覺化怎麼搞?視覺化
- 資料看板視覺化視覺化
- 資料視覺化【十五】視覺化
- 大資料視覺化大資料視覺化
- 警惕“資料視覺化”視覺化
- 中國大學排名資料分析與視覺化視覺化
- 遇見大資料視覺化 : 那些 WOW 的資料視覺化案例大資料視覺化
- 15分鐘,不,用模板做資料視覺化只需5分鐘視覺化
- 資料視覺化Seaborn從零開始學習教程(三) 資料分佈視覺化篇視覺化
- 視覺化之資料視覺化最強工具推薦視覺化
- 資料視覺化工具不會選?資料視覺化實現流程瞭解一下!視覺化
- 什麼是資料視覺化,為什麼資料視覺化很重要?視覺化
- 資料視覺化--實驗五:高維非空間資料視覺化視覺化
- 新冠肺炎資料視覺化視覺化
- 資料視覺化的秘密視覺化
- 視覺化中的資料視覺化
- 如何看待資料視覺化?視覺化
- Matlab資料視覺化Matlab視覺化
- 資料視覺化實踐視覺化
- 資料視覺化的作用視覺化
- 細談資料視覺化視覺化
- 資料視覺化的基本原理——視覺通道視覺化
- FFCreator -- 用 node.js 來製作資料視覺化視訊吧Node.js視覺化
- 前端之圖形學-1 資料視覺化前端視覺化
- 資料視覺化如何選擇合適的視覺化圖表?視覺化
- 獲獎的資料視覺化示例 讓人視覺震撼視覺化
- 資料視覺化“資訊傳達”和“視覺美觀”的天平兩端,你選擇站哪邊?視覺化
- (在模仿中精進資料視覺化03)OD資料的特殊視覺化方式視覺化
- 資料視覺化能否代替資料分析視覺化
- 【閱讀】資料之美,一本書學會視覺化設計視覺化
- 什麼是資料視覺化?hightopo資料視覺化助力企業數字化視覺化