火爆全網的動態曲線圖是怎麼做的？

• 2020 年 3 月 3 日
• 筆記

↑ 關注 + 星標 ~ 有趣的不像個技術號

每晚九點，我們準時相約

大家好，我是朱小五

昨天的次條給大家發了一個新華社的影片

45秒看清多國疫情變化！（點擊下圖即可觀看）

之前大家遇到的最多的就是動態條形圖，看來大家都對這種比較少見的動態曲線圖非常感興趣。

而且這種動態圖在抖音、B站等影片網站都可以輕鬆獲得不錯的播放量。

所以今天給大家簡單講講這種圖怎麼做的？

分割線

火爆全網的動態曲線圖是怎麼做的？

其實非常簡單哈

介紹一下：Flourish是一款動態圖表的製作工具，輕鬆製作各種酷炫的動態圖表。

不過由於是國外的網站，所以打開速度較慢。

製作動態曲線圖（Line chart race），首先我們要打開這個網址

https://app.flourish.studio/@flourish/horserace

點擊創建

應該會提示需要創建賬戶，按照指引創建即可，我是直接選擇了用Google賬戶登錄

回到上一步，點擊創建，會發現已經有了示例

我們點擊data，上傳我們自己的數據

我們可以看到主要有name，pic以及各個時間點。

我們是打算仿照新華社的全球疫情影片，所以name列是國家，那麼pic列可以填上各個國家的國旗圖片地址，按天的疫情數據我已經利用數據介面獲取，公眾號「凹凸數據」後台回復疫情數據即可獲得。

所以我們按照這格式整理好數據，並上傳到Flourish去

展示一下

點擊preview，再點擊replay開始運行

會發現已經開始運行了，但是頁面比例是電腦的，下圖中位置可以選擇固定尺寸或自定義尺寸。

這樣就比較適合手機觀看或者上傳到抖音上啦。

如果上傳到B站等影片網站，可以自定義寬尺寸。

然後右邊呢，是各種設置，我們可以自定義很多地方，我就只說幾個重要的點吧，其他地方可以自己摸索，像我這種英語渣打開網頁翻譯即可。

主要是在Y軸這裡，一開始我發現自己的Y軸不會動，打開設置才知道Dynamic Y axis沒有打開。

還要就是Suffix這裡默認是%，所以你的Y軸都是百分比，我們這裡是人數，所以可以不填或者填寫「人」。

至於如何導出影片呢？

點擊右上角的「Export&publish」即可

額

打擾了

搬出我的錄屏軟體吧

我這裡用的是oCam，大家任選一款即可。

成功得到動態曲線影片√

我們再簡單加上BGM即可獲得一個酷炫狂吸贊的影片

如果大家對文中的文中的海外疫情數據感興趣，可以後台回復「疫情數據」獲得。

PS：疫情數據利用數據介面AkShare獲得，特此感謝