如何製作最近火爆的動態圖?看這篇文章就夠了

2021-01-10 騰訊網

最近全球疫情蔓延,從近日情況來看韓國目前最嚴重(已達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設計企業實用報表的技能?

相關焦點

  • 怎麼製作的呢?看完這篇文章你就懂了
    又是怎麼製作的呢?看完這一篇文章你就明白了。  三維立體圖片的原理:  當我們在看這樣的三維立體圖片的時候,它是靠兩個眼睛的交叉視覺而形成的一種立體圖案。  也就是由深度圖和前景圖合成的,大家看下面這張圖片,在這張三維立體圖片裡面有一隻獅獸人,而它的深度圖就在這張圖片的右下角。現在明白了吧!
  • 不會用 Excel vba 製作二維碼,因為沒看這篇文章
    二維碼不用多說了,每個人都十分熟悉,本章將介紹一下如何在Excel中將網址連結製作成二維碼,進行管理。具體數據內容是一些自媒體文章發表的網址,也可以將網址更換為任何數據,都可以製作成二維碼內容。文章名和地址是最重要的內容,其它沒有做相關編碼,不是十分重要。其中運用了 字典功能,將數據寫到字典裡面,然後再對字典進行讀取操作。
  • 關於汽車塗裝工藝,看這篇文章就夠了!
    在塗裝之前,汽車只是經過焊裝後的車身,一般叫白車身,如下圖所示,可以看到汽車大致的雛形。1、底塗(第一個C——底漆)因為是最裡面的塗層,所以叫做底塗工藝,主要工藝為前處理和電泳。這裡同樣也在朝著自動化方向努力,自動化很大的難度是如何讓機械手在移動的車身上均勻的噴塗,另外因為還要噴塗車內,如何穩定的讓機械手開關門就是另一個大問題了,很容易發現碰撞事故,把車身碰凹了事小,碰壞了噴頭事大,因為特別特別貴。
  • 如何在Excel裡製作漂亮的動態圓環圖
    本文以實例講述使用Excel製作漂亮的動態圓環圖表的方法,具體效果如下圖所示。數據如下:作圖步驟:首先,插入一個控制項按鈕。開發工具如何調出:文件——選項——自定義功能區——主選項卡——開發工具(勾選)。繪製後 點擊控制項右鍵——設置控制項格式。設置好控制項以後,當選擇控制項下拉框時,連結的單元格數字會跟著變化。
  • 自己也能製作乾冰冰淇淋?這篇文章會告訴你答案
    自己也能製作乾冰冰淇淋?這篇文章會告訴你答案大家好我是你們的小熊,四隻腳的熊,今天下編要給大家介紹的是如何才能製作乾冰冰淇淋?這是什麼原理呢?液體蒸發的時候會變冷。例如,當一個人身上被弄溼的時候會感覺很冷。這個眾人皆知的現象之所以發生,是因為液體變成氣體時會帶走能量,而這些能量就來源於從液體中抽取的熱能。這種相互作用的機理是科學中最複雜的問題之一,但重要的是它可以用於製作冰激凌。當然,你不能僅靠奶油蒸發來得到冰激凌,就像不能指望水會在室外單獨蒸發而結冰一樣。
  • 情人節如何挑選巧克力?關於巧克力,看這篇就夠了
    又到情人節了 巧克力頓時成為了眾星捧月的對象 不過 面對市場上種類繁多的巧克力 我們該如何挑呢?
  • 有這篇「骨頭社(Bones)番劇大全」就夠了!
    但這樣一個高水準的製作公司,時不時的「被雷劈中」後,也會出一些口碑低到炸裂的作品,比如:《HEROMAN》、《地球隊長》、《噬魂師NOT》等等。所以,紳士君稱它為雷劈型動畫製作公司。本篇內容,除去骨頭社作品中某作者的XXXX學院以外,其他的皆記錄在案。
  • 買兒童保溫杯看這篇測評就夠了
    買兒童保溫杯看這篇測評就夠了 「虎牌、杯具熊、膳魔師象印、all joint,這幾個知名保溫杯,今天全方位給你做解析」對寶媽寶爸來說,寶寶喝水是個惱人的問題,求爺爺告奶奶才會喝一小口。
  • 論文Figure圖的標準,六大主流期刊的要求看這一篇就夠了
    做實驗難、寫論文更難投稿則是難上加難不同期刊對於文章格式的要求各不相同避免被拒的敲門磚就是格式得符合人家的要求而這其中最費勁的莫過於Figures了各大期刊對於圖片的要求往往十分具體解析度、字體格式、顏色模式等等每次投稿前都要到雜誌官網摸索一番為了幫助大家節約寶貴時間
  • 從我的第一篇SCI論文發表經歷看如何寫好SCI學術文章
    導師看我每天心不在焉,說你再整一篇英文文章吧,加點研究內容,對你以後的職業發展或學術發展都有好處。當時人整個很浮躁,恨不得立刻離開校園,導師想了個辦法,拉一個博士師兄進來跟我一起做這個課題,文章我來當一作,師兄當通訊。師兄人很好,畢業想留校,還差點東西。他跟勤奮,做東西很快,做完後每天都會催我整理結果。
  • 動態二維碼製作新手入門教程
    剛給大家分享了一篇創意二維碼製作教程,今天再給大家分享一篇動態二維碼制製作的新手入門教程,算是上一篇二維碼製作教程的輔助篇。
  • 看完這篇文章,你就明白了!
    日常生活中,說到打嗝這件事,想必大家對它並不陌生,每次我們吃的過飽時很容易會出現打嗝這一現象;打嗝並不會影響到我們的身體健康,我們只是稍微會感覺到有些不舒服罷了。但是倘若你最近頻繁性的打嗝,那麼這個時候就需要提高警惕了,這極有可能是疾病問題所導致的,還請及時去醫院進行就診和檢查。
  • 肝癌患者的肝功能維護,看完這篇就夠了 | CLDW 2020
    原創 HH 醫學界消化肝病頻道 收錄於話題#2020 CLDW5個如何維護肝癌患者肝功能?今天,我們來關注一個貼合臨床實際的問題——肝癌患者的肝功能維護。對2012-2016年我國18家醫院5114例原發性肝癌患者的調查發現,近一半患者採取手術治療,其次為TACE治療(圖1)。圖1 肝癌的治療手段肝癌的治療手段多樣,各類肝癌治療措施對患者的肝功能均有一定要求,這是因為各類治療均可能對肝癌患者的肝功能帶來損傷,而部分肝癌患者發現時已處於晚期,本身即存在肝功能不全。
  • 新版流星花園,最近火爆的一部劇,良心製作
    新版流星花園,最近火爆的一部劇,良心製作首先我為什麼要說這部劇是良心製作,就聽我細細道來吧!在2001年的時候,火遍大江南北的一部偶像劇就是流星花園,這部劇的製作人是柴智屏,可能大家對他不是很了解,我也是一樣的,要不是因為新版流星花園,我是不會認識柴智屏這個人,作為一個70後,他寫出了「流星花園」,「轉角遇到愛」,「新版流星花園」等無法超越的偶像劇,因為這幾部劇因為有些年頭了,再加上我年紀比較小,所以就沒怎麼看過,但是相信我爸媽這個年代,應該是你們的青春吧!
  • ACT高分備考,只看這篇文章就足夠了!
    沒有原版小說閱讀經驗的學生,會覺得這類文章有難度。讀下來的感覺是,詞彙都認識,但是整體在講什麼,很暈。  小說語言有固定的特點,文學性較強,小說文章也有特定的結構,從情節上看,關於個人回憶,成長類居多,有比較細膩的心理描寫,不經過訓練很難短期突破。
  • 看完這篇文章你就懂了!
    最近第五人格官方終於公布了新求生者勘探員的技能介紹,這個角色主要的功能就是使用天外隕石製作的磁鐵來攻擊和躲避監管者的,不過說實話官方對於新角色技能的描述每次基本都是一樣的,玩家單獨看每一個字都能看明白,但是這些字連到一起就完全不知道是什麼意思了。
  • 這篇文章你得看:攜帶該基因,新冠更致命
    但這並不能解釋為什麼有些人沒有症狀或症狀輕微,而另一些人症狀卻很嚴重。因此,有人就根據現象猜想到可能是基因的不同導致了這一結果,並據此在nature上發了篇SCI。一項新的工作對3,199例住院的COVID-19患者進行了對照研究,結果表明這是SARS-CoV-2嚴重感染和住院的主要遺傳風險因素)。在這篇文章中,我們證實了,該風險是由從尼安德特人那裡繼承的〜50 kb的基因片段所賦予的,目前攜帶該基因的人在南亞約50%,歐洲約16%。
  • flash如何製作3D旋轉地球的動態效果
    這篇教程是用flash製作3D旋轉地球的GIF動態效果方法,素材是一個平面地圖,做出一個動態的效果。教程難度不是很大,一起來學習吧!  方法/步驟  1、首先新建一個flash文件。     END  以上就是flash製作3D旋轉地球的GIF動態效果方法,希望能幫到大家!
  • 看完這篇文章,你還會覺得SCI難嗎
    文章出現的圖:打個小廣告:我們團隊已經根據生信狂人的這篇推文錄製好了相關的視頻,除了還原範文的圖表之外,我們還增加了創新內容,做到舉一反三,即使別人發過了的內容,你仍然有機會發表。想學習本課程的粉絲可以通過購買VIP會員免費領取本課程購買VIP會員請聯繫微信scikuangren往期精彩內容:如何快速找到值得深入研究的分子?如何用m6A為國自然、博碩研究生開題?
  • excel圖表技巧:如何用VBA製作動態地圖
    【前言】考慮了很久,還是決定寫下這篇文章,相對於EXCEL教程類的文章來說,無論是函數型、總結型,甚至是VBA教程、BI教程,我們都可以寫出很多的內容,可是今天我要分享的教程卻是「相當麻煩但是又寫不出多少內容」的文章。 「數據地圖」是很多行業領域都需要的,但是要把它做好卻並不容易,難度係數:中,複雜係數:高!