Flourish吸睛動態競賽影片，不會寫程式也能做Bar chart race動態統計圖 | 老貓測3C

“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)所製作的動態競賽疫情表。

歡迎加入我的社團，追蹤最新資訊，一起討論 –> 賈許的數位知識分享-區塊經濟-金融科技-數位行銷