大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

我之前在網(wǎng)上看到一個(gè)用動(dòng)態(tài)數(shù)據(jù)圖展現(xiàn)近 60 年世界 GDP 變化的視頻,不斷變化的數(shù)據(jù),配合宏大的音樂(lè),在一些時(shí)間點(diǎn)上標(biāo)注出對(duì)應(yīng)的大事件,視覺(jué)效果非常棒,展示形式也很好。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

后來(lái)我查了一下,有說(shuō)用 PPT 做的,有說(shuō)用 Python 做的,還有說(shuō) Echarts 做的。

這幾個(gè)方法,雖然最后大致都能達(dá)到效果,可要么是門(mén)檻太高,要么是操作太麻煩。

經(jīng)過(guò)我的尋找,終于找到了一種效果最好,實(shí)現(xiàn)最簡(jiǎn)單的方法。

先看我做的成片 《2013~2019年 七大短視頻平臺(tái)百度指數(shù)對(duì)比》:

△ 近六年七大短視頻平臺(tái)百度指數(shù)對(duì)

成片看完了,今天便將我這一招從天而降的掌法分享給大家。

學(xué)會(huì)這門(mén)武功,攏共分三步。

步驟一:準(zhǔn)備一個(gè)Excel數(shù)據(jù)表

以我這個(gè)視頻為例,第一步大家要準(zhǔn)備一個(gè) Excel 數(shù)據(jù)表,每個(gè)列分別是 App 名稱(chēng)、 App 名稱(chēng) 、App logo 鏈接以及時(shí)間。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

然后將對(duì)應(yīng)的信息填入。

把第一步完成以后,我們基本掌握七成武功了。

步驟二:Excel導(dǎo)入flourish網(wǎng)站

我們打開(kāi) flourish 網(wǎng)站,然后打開(kāi)點(diǎn)擊文章 How to make 「bar chart race」 。

網(wǎng)站鏈接:https://flourish.studio/

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

點(diǎn)擊創(chuàng)建圖表,切換到 data,將自己做好的 Excel 導(dǎo)入進(jìn)去。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

△ 點(diǎn)擊創(chuàng)建,導(dǎo)入Excel

表格導(dǎo)入進(jìn)去之后我們就能大致看到動(dòng)畫(huà)的基礎(chǔ)效果了。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

△ 初步效果

但是我們需要優(yōu)化一下它的美觀度,比如圖標(biāo)大小,柱狀圖寬度,柱狀圖間距,字號(hào)大小等等。

這些元素在右側(cè)都是可以調(diào)整的,雖然這個(gè)是英文網(wǎng)站,但是 Google 瀏覽器是可以翻譯網(wǎng)頁(yè)的,不過(guò)有些詞匯會(huì)翻譯得比較奇怪。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

△ 視覺(jué)調(diào)整前

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

△ 視覺(jué)調(diào)整后

因?yàn)槟壳八豢梢詫?dǎo)出網(wǎng)頁(yè)和圖片,所以美觀度調(diào)整的差不多我們就可以錄屏了。

步驟三:錄屏及剪輯

錄屏完成以后我們就可以開(kāi)始最后一步了,然后把錄制好的視頻文件導(dǎo)入剪輯軟件,配上音樂(lè),加上一些時(shí)間點(diǎn)的大事件,這樣一個(gè)炫酷的動(dòng)態(tài)數(shù)據(jù)可視化圖表就完成了。

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

△ 完成

附上完整的視頻教程:

歡迎關(guān)注作者的微信公眾號(hào):隱匿的大 V

大公司都在用的酷炫數(shù)據(jù)跑分圖,零基礎(chǔ)讓你學(xué)會(huì)!

收藏 242
點(diǎn)贊 12

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。