“Bar chart race”條形競賽圖又稱動態競賽圖,在正席捲整個社群媒體,具有極強的動畫影片擴散效果,令人著迷有又吸睛的動態競賽圖,如下圖統計了2000~2018年全球15大品牌排行榜,整部影片長達5分鐘卻有種魔力令人想要持續看下去,影片於2019年2月在Youtube發佈,至今已經超過878萬次觀看了,這些觀看次數不包含在Facebook上的,Facebook上的觀看數肯定更多,再加上社群分享的擴散,可說是目前最強大的社群素材種類之一,另外一部最受歡迎網站更高達2170萬次觀看。
如何製作 Bar chart race?
製作Bar chart race 動態競賽圖,對一般人來說非常不容易,一般來說都是需要使用程式製作,一般常見為使用java script與python進行製作居多,這對經營社群媒體的人無非是一大痛點,進入製圖的門檻有點高,Flourish為你解決了這個問題,Flourish為一個專注於數據視覺化的平台,讓你的數據不在冰冷,轉化為吸睛的動畫,讓影像講故事,你不需要會寫程式也可以做出 Bar chart race 動態競賽圖。
數據+科技+故事+設計
結合了這四大特色的Flourish平台,致力於讓使用者更容易製作出視覺化資料,你只需要準備好數據就可以輕鬆上手,在簡單註冊過後就可以使用免費版本,接下來Josh將一步一步的講解如何從0開始,使用Floruish平台製作出bar chart race動態競賽圖。
專案管理介面
註冊完畢後在後台可以看到,如下圖的專案管理界面,可以直接使用右邊紅色框框的內建專案,來製作 bar chart race 動態競賽圖,因為內建的專案本身就是使用動態競賽圖模板了,如果沒有看到的話,也可以選擇點選左上角的建立視覺化資料按鈕。
點選完畢後會進入模板選擇頁面,這裡提供非常多樣化的模板,可供選擇製作成各式各樣的視覺化資料。
往下拉一小段就可以看到 Bar chart race 動態競賽模板,直接選擇最左邊,最常見的樣式即可。
專案操作界面介紹
在製作視覺化資料的過程中,主要分為兩大部分,視覺化與數據資料,點選預覽可以調整視覺化的部份,點選數據就可以針對數據資料做編輯。
- 數據資料
- 視覺化
數據為核心
在開始設定之前,必須要釐清一個觀點,數據為整個製作中的重點,如過你的數據資料過少,或是統計數據有誤的話,整個成果將大打折扣,收集完整的數據,其實也是一門大學問,這裡提供一些公開數據,方便大家取得資料
- 台灣政府資料開放平台:https://data.gov.tw/
- 美國政府開放資料:https://www.data.gov/
- 英國國家數據中心:https://data.gov.uk/
- 歐盟資料平台:https://www.europeandataportal.eu/
- 日本統計局:http://www.stat.go.jp/
- 世界銀行開放資料:https://data.worldbank.org.cn
- 世界衛生組織:http://apps.who.int/gho/data/node.home
- 世界經濟貿易合作組織資料庫:https://data.oecd.org/
- 日本統計局:http://www.stat.go.jp/
數據資料設定
點選【Data】進入資料設定頁面,你所需要設定的資料欄位有四種
- A欄 在第一列給予名稱可設定為國家或地名等,作為個別分類使用的 (必填欄位)
- B欄 設定群組、用群組作為分類 (選填欄位)
- C欄 設定圖示(需將圖片上傳網路特定位置,此為選填欄位)
- D~ZZ欄 此為數據欄位,每個欄位都要有相對應時間點 (必填欄位)
A跟B欄 (設定個別分類與群組分類)
C欄 (設定圖片)
D~ZZ欄 (設定數據資料)
視覺化設定
點選【Preview】預覽可以進入視覺化設定頁面,總共有15個選項可以使用。
以下介紹幾項個人常用的選項
- Bars
一般較為常見的為水平排列顯示方式,如果選擇以垂直排列顯示方式,畫面將顯示如下
- Bar colors
使用By bar 就是把每個柱狀都各別顯示顏色出來,以上圖為例,個別分類我們設定為國家,那麼每個國家都會有不同顏色來代表,如果切換為 category 那麼就會以群組來分類,非洲國家一個顏色,亞洲國家一個顏色,以此類推,在顏色上的分類如下圖可做選擇。
- Images
可設定顯示圖片尺寸大小,圖片顯示的方式,在柱狀裡顯示最大化還是適當就好,也可以選擇延伸,另外可以選擇顯示長方形或是圓形。
- Header
設定標題,讓觀看者一眼就知道,觀看影片的內容為何?
經過以上簡單的設定,就算不會寫程式也可以輕鬆做出 bar chart race 動態競賽圖,Floruish平台將所有視覺化的工作全部簡單化,所以在製圖之前你最重要的工作就是收集資料、收集數據,有足夠的數據才能有講出精彩的故事,以下是我使用Floruish針對這次武漢病毒(COVID-19)所製作的動態競賽疫情表。
同場加映~武漢肺炎死亡率統計
歡迎加入我的社團,追蹤最新資訊,一起討論 –> 賈許的數位知識分享-區塊經濟-金融科技-數位行銷
可以請教一下,您的資料是如何匯入的?