最近全球疫情蔓延,從近日情況來看韓國目前最嚴重(已達6000+),然後是伊朗,再到意大利, 以下是全球其他國家的疫情趨勢圖,是根據截至18點公佈的資料整理。
很多朋友對視訊中(見FB動態)的動態圖感興趣,可以詳細看看以下的教程,包括動態條形圖和動態曲線圖。
其實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 ” → “ import publicly ” → “ next ” 。齊活,資料上傳成功。
Step3:配置動態圖資料來源格式
以條形圖為例
Label:自動預設為A列,但我的地級市在B列所以這個地方需要改為B;
Value:資料所在的區域,一定要和資料值所在區域一直,我的資料是C-AD列(雖然截圖AD列沒值,但是佔位用的,多做你們就會懂了);
Categories:類別(不是必須有的),其實就是我的省份列,即A列。如果沒有類別就刪掉這個字母。這列的目的是讓同一個類別的柱體為同一種顏色,對我的資料來講就是每個省的顏色相同;
Image:可以載入圖片,如果做產品動態圖這個地方就有用了,不需要圖片就把C刪除即可。
這個介面的其他地方可以不用管,有時間的可以自己琢磨。最後一點要點這個頁面最上端的“Preview”進入動態圖頁面。
可以說,一個簡單粗糙的動態圖就做好了,是不是so easy?
Step4:修改動態圖參數
這部分我不一一講解了,只講主要的參數。其實完全可以理解成你在Excel作圖的動作,比如調顏色,加標題,加備註等等,一樣一樣的。這個區域在頁面的最右邊。
曲線圖
大部分的設定和條形圖是一致的,下方會有條形圖的設定說明,此處先講一些曲線圖不一樣的地方,也是大家比較多疑問的地方。
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種了!並且偷偷的告訴大家,這個網站還有其它各種酷炫的動態圖模板,你們自己去探索吧。
學好這個技能,也當然可以用企業的資料來做動態圖表,但是請注意:上傳企業內部資料可能會有風險。
來自:WX數據化管理
回顧十週入門數據分析系列文:
關注數據君的臉書:
我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。按贊我的臉書,會有豐富資料包贈送唷!