大家好，我是小五🐶
前幾天我看了一個不到2分鐘的視頻，動態展示了我國的GDP增長。而且是動態條形圖和折線圖疊加一起使用，比較少見！然後我立了一個Flag，說要仿製。
本來當天就找了合適的方法，並簡單仿製了出來。不過要寫成文章的話，要各種截圖錄動圖，還要加億點點細節，所以就又拖了兩天。然後做好了視頻還要漫長的審覈，攤手。
吐槽完畢，下面開始正文：
原視頻細節
我又把原視頻貼出來了哈，畢竟有小夥伴之前可能沒看過。
其實它標題應該叫《中國GDP增長動態圖，小紅線，向上攀！》
這個動態圖主要由兩部分構成，即動態條形圖和動態折線圖，而且從圖層來說的話，折線圖應該在下方。兩者都表現的是我國GDP的增長動態，不過折線圖是1953-2020年，動態條形圖則是從1961年纔開始出現。
不知道大家注意沒有，兩張圖的統計單位其實並不一致，動態條形圖是跟國外其他國家對比，所以統一用的都是美元。而我們單獨的GDP動態折線圖單位是人民幣。
操作過程
第一步，先獲取數據👉
獲取數據
涉及GDP的數據可以直接去國家統計局直接下載
大家可以直接在「凹凸數據」後臺回覆“動態圖”獲取下載好的數據。
在之前的文章的中，我曾經教大家用Flourish來製作動態折線圖，但這次需要兩個圖層疊一起。
於是我想到了國內的另一個可視化網站——鏑數，可以編輯它的數據圖文實現將兩個動態圖疊在一起。
鏑數可視化
打開官網👉https://dycharts.com/
新建數據圖文，調整畫布合適的長寬比
在數據圖文中先插入了動態折線圖模板，具體操作如下
然後我們還得改億點點細節，有點多，我就不一一錄gif了。這裏給大家截圖幾個關鍵點，後面自己看情況調節吧。
通過上述操作，就做好了一個動態折線圖了：
在剛剛的基礎上，我們再添加一個動態條形圖。比較開心的就是它默認的動態條形圖，正好就是各國GDP的增長動態，這也就是說——不用我們再去自行添加數據了。
👆查看上圖即可看到，兩圖疊加後就和原視頻很相像了。只需我們添加更多細節，比如調整兩者尺寸和位置，更改動態條形圖各國的顏色等等
如果大家想要與原視頻顏色保持一致的話，可以查看下錶，小五直接用調色板挨個選取各國的顏色（都是爲了仿製的更像呀）
| 國家 | 顏色代碼 | 國家 | 顏色代碼 | 國家 | 顏色代碼 |
|---|---|---|---|---|---|
| 美國 | #4046a9 | 印度 | #5cbc4f | 澳大利亞 | #faf440 |
| 中國 | #c82e33 | 意大利 | #427adb | 西班牙 | #8a6a65 |
| 日本 | #90cd4b | 巴西 | #26816a | 墨西哥 | #1c5349 |
| 德國 | #9b0d54 | 加拿大 | #e57a00 | 荷蘭 | #f1a100 |
| 英國 | #2ea186 | 俄羅斯 | #32a3e0 | 瑞士 | #4d7adb |
| 法國 | #9f40b7 | 韓國 | #f6d900 | 阿根廷 | #90dafc |
對了，還有就是原視頻兩個圖是間隔出現的，這裏我建議兩個圖延遲間隔5秒👇
通過修改細節，可以使我們的可視化圖表與原視頻更像。這時候就可以點擊分享預覽，方便我們下一步操作。
打開預覽鏈接👉https://dycharts.com/xshow/index.html?id=32c1ae96b16d7c34d5dc325fbfb3d825
👆上方就是剛剛預覽鏈接打開後樣子，同時啓動兩個動態圖就可以獲得跟原視頻幾乎一樣的效果啦！
注：還記得剛剛我們設置延遲時間嘛，正是爲了方便我們用軟件錄屏呀🐶
製作視頻
小五用錄屏軟件截取了需要的視頻部分，隨便選一個剪輯軟件加個BGM即可。
這個不重要，我其實是用手機剪的，2分鐘就能做好。
提醒大家一下，原視頻的BGM是《Victory》。
它也是比較常見用來動態可視化的BGM，畢竟這可是十大氣勢背景音樂之一呀！氣勢磅礴的旋律，足以征服聽衆的內心。
最後，讓你們看一下小五簡陋的“仿品”吧
如果大家想直接下載GDP數據，可以在「凹凸數據」後臺回覆“動態圖”來獲取數據。
以上就是小五給大家分享的教程啦，如果覺得有用，就給本文👇右下角點個贊吧~
週末福利
感謝清華大學出版社的贊助與支持！明日限時400幣兌換！
本文分享自微信公衆號 - 凹凸數據（alltodata）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。