最近全球疫情蔓延,從近日情況來看韓國目前最嚴重(已達3150例,日增813例),然後是義大利,再到伊朗, 以下是全球其他國家的疫情趨勢圖,是根據截至19點公布的數據整理。
很多朋友對視頻中的動態圖感興趣,可以詳細看看以下的教程,包括動態條形圖和動態曲線圖。
其實so easy!真的so easy!看完以下詳細的製作流程,你就能學會製作了:
要準備的工具
首先工欲善其事必先利其器,工具很重要。首先收藏這2個網址:
動態條形圖https://app.flourish.studio/@flourish/bar-chart-race
動態曲線圖https://app.flourish.studio/@flourish/horserace
其次下載一個EV錄屏軟體,最後再下載一個EV剪輯軟體。如果你已經有其他錄屏或剪輯軟體,也可以直接跳過後兩步,那就更easy了。
準備好工具後,我們直接進入步驟
Step1:用Excel準備數據
數據格式如下圖,注意必須是按照時間線往後排序,省份這列可要可不要(待會說原因),但城市這列必須要有。
Step2:將數據上傳到網站
如果你是製作動態條形圖,就打開這個網頁:
https://app.flourish.studio/@flourish/bar-chart-race
如果你是製作動態曲線圖,就打開這個網頁:
https://app.flourish.studio/@flourish/horserace
雖然這是一個英文網站,不要怕,都是基本詞彙,當然也可以點瀏覽器中翻譯成中文的傻瓜操作。打開網頁後,可以直接點擊Create visualisation
如果你是沒有註冊過這個網站的,會顯示以下的頁面需要先註冊,那你就按提示先註冊然後登陸。登陸後,你再複製以上我給你的網址到瀏覽器中使用即可。
當你註冊完,進入條形圖的網址點了Create visualisation後,就在下圖這個地方,點右上角「Data」進入數據界面,然後點 「Upload data file」 就會讓你選一個文件上傳。
上傳文件後,選擇你放置數據的那個sheet名字,我選的是「確診」。然後依次點擊 「Continue」 「importpublicly」 「next」 。齊活,數據上傳成功。
Step3:配置數據源格式(以下以條形圖為例)
Label:自動默認為A列,但我的地級市在B列所以這個地方需要改為B;
Value:數據所在的區域,一定要和數據值所在區域一直,我的數據是C-AD列(雖然截圖AD列沒值,但是佔位用的,多做你們就會懂了);
Categories:類別(不是必須有的),其實就是我的省份列,即A列。如果沒有類別就刪掉這個字母。這列的目的是讓同一個類別的柱體為同一種顏色,對我的數據來講就是每個省的顏色相同;
Image:可以加載圖片,如果做產品動態圖這個地方就有用了,不需要圖片就把C刪除即可。
這個界面的其他地方可以不用管,有時間的可以自己琢磨。最後一點要點這個頁面最上端的「Preview」進入動態圖頁面。
可以說,一個簡單粗糙的動態圖就做好了,是不是so easy?
Step4:修改動態圖參數
這部分我不一一講解了,只講主要的參數。其實完全可以理解成你在Excel作圖的動作,比如調顏色,加標題,加備註等等,一樣一樣的。這個區域在頁面的最右邊。
曲線圖
點擊播放 GIF 0.0M
大部分的設置和條形圖是一致的,下方會有條形圖的設置說明,此處先講一些曲線圖不一樣的地方,也是大家比較多疑問的地方。
Line styles:
我比較喜歡平滑的曲線,這樣的過渡效果比較好。就可以在上圖的Curve這個地方去選擇了,可以設置為折線、曲線(好幾種曲線形式)
Label styles:
數據標籤不會動態計數的,上圖紅圈這個地方,你肯定是沒有啟用!啟用了後數據標籤就會動態計數了。
Yaxis:
上面這個地方,是Y軸的設置,可以解決很多問題:
有些人的圖表不會動,就是因為Dynamic Y axis這個位置沒有啟用,只要啟用了,Y軸就會根據數據的變化而動態變化
是否顯示 「 % 」,在Suffix這裡設置就行,你寫了%,Y軸就有%,留空了就不會有%(Prefix是指在數字前面要不要加前綴)
Decimal places是指Y軸的數字要不要保留小數點
AnImatIon:
上圖紅色圈子的設置,數字越大,動態播放的時間就越長;數字越小動態播放的時間就越短,可以根據需要去自行調整即可。
還有其他的通用類的設置,和條形圖基本一樣,可以看下方條形圖的設置介紹。
條形圖
No. bars:更改柱體數量,系統默認為10根柱體,根據你的需求來修改即可。
Bar colores:改配色,如果你的數據源沒有category,只會顯示一種顏色,不過點一下By bar即可以是花枝招展的不同顏色了。
如果不想顯示動態圖上面的那些花花綠綠的類別(就是上面那張圖的省份名),就點Disabled。
有必要的話,輸入主副標題
輸入圖表的必要備註
如果你嫌速度太快,那就找到「Timeline & Animation」,把時間長度由默認的30秒改到自己想要的長度。
大功告成,一個定製化的動態圖就做好了。但問題來了,如何輸出或保存視頻?
Step5:動態視頻的輸出
無論你做的是條形圖,還是曲線圖,做好之後,都可以點右上角的輸出按鈕可以付費下載HTML(支持本地動態播放,或嵌入網站使用),但這是收費功能,69歐/月或4000歐/年由你選擇;也可以免費下載圖片,支持png,jpg,svg格式,但可惜是靜態的。
幫人幫到底,我們要的其實是視頻,所以剛才讓大家準備的錄屏工具可以用起來了。目前有三種模式:寬屏、正常屏、手機屏(下圖左上),可以根據自己的需求錄屏。
需要注意,在使用EV錄屏的時候,最好不要選全屏錄製,一定要選區錄製。Let『s go,是不是動態視頻搞定了?
友情提醒,如果你錄製的時間不是恰好的時間線長度,此時可以用EV剪輯來掐頭去尾,或者配字幕語音等等等,就不多說了。
是不是so easy?是不是節約了好多時間和銀子?是不是該點讚一下?
該網站的動態圖表,目前有條形圖、曲線圖這2種,這也是我們最常用的2種了!並且偷偷的告訴大家,這個網站還有其它各種酷炫的動態圖模板,你們自己去探索吧。
學好這個技能,也當然可以用企業的數據來做動態圖表,但是請注意:上傳企業內部數據可能會有風險。
-
想用Excel設計企業實用報表的技能?