Google Data Gif Maker 簡單自製更有吸引力的數據比較動畫圖


或許是在你寫的新聞報導中要用到選票數、電影票房等數據比較的圖表。又或者你在教學現場要用能吸引眼球的方式讓學生了解兩種科學或歷史數據間的關係。也可能你在公司的簡報裡要呈現產品市佔、功能優劣、品牌熱門度等的比較圖。

這時候,今天 Google 推出的免費新工具可以幫上你的忙:「 Data Gif Maker 」,他可以把兩種數據之間的對決過程製作成動畫圖,讓我們在網頁、簡報中,呈現有趣好看,而且清晰易懂的比較。

「 Data Gif Maker 」由 Google News Lab 開發,一開始是用來提供新聞報導者一個更有趣呈現新聞數據的方式,例如產品的銷售比,但是我實際試用後,覺得也很適合讓老師、業務、行銷人員來使用,可以用「簡單方式」讓你的數據比較更加具有吸引力。

重點就在「簡單」, Google 的「 Data Gif Maker 」讓你完全不需懂程式碼,就能製作出動態而有趣的數據圖,像是下面這樣:



你還可以參考我在電腦玩物介紹過的一系列數據視覺化工具:




進入 Google 最新推出的「 Data Gif Maker數據動畫圖產生器,看到下方有可以填寫數據的卡片,右上方則有下載動畫圖的按鈕。

在「 Data Gif Maker 」中一次可以製作很多張數據比較圖,並建立成一個連續播放的動畫(例如這個,你可以點開看看:電腦玩物數據動畫圖示範網頁)。

但在我實際測試中,「 Data Gif Maker 」製作動畫圖的過程似乎頗耗其效能,所以我建議一次製作一張動畫圖,會比較容易下載成功。




製作數據比較動畫圖的方式很簡單,在左右兩邊分別填上你的數據名稱與數據,例如百分比等數字,然後最下方可以填寫這個數據的意義,右方可以選擇要用 % 或 + 來呈現( + 通常用在兩者相加不是 100% 的數據時)。

而如果開啟右上方的「 Autoplay 」,那麼製作出來的動畫圖會自動播放,否則就會點擊才依序播放。




你可以發揮創意,想想看除了我文章開頭所舉的幾種數據比較案例外,還有哪些數據圖可以用「 Data Gif Maker 」這樣的工具來製作?




填寫好數據後,點擊「 Data Gif Maker 」網頁右上方的「 Download as gif 」,就能把數據製作成 GIF 動畫圖並下載。(可延伸參考:免費線上 GIF 動畫製作懶人包:GIF圖還有10種玩法!

如果點擊「 Launch comparisons 」,就會直接打開網頁播放你的動畫圖。




製作動畫圖的過程會有點慢(或者說很慢),「 Data Gif Maker 」網頁上方會顯示目前製作的進度,等到 100% 時,就可以下載 GIF 圖檔。

建議開始製作後,你可以開著網頁(不可以關掉也不可以重新整理),就放著讓他慢慢跑,稍後再回來下載即可。




下面這張 GIF 動畫圖,也是我利用「 Data Gif Maker 」製作完成的。




你有想到要如何把「 Data Gif Maker 」好好利用在你的簡報、網頁上了嗎?歡迎提供你的想法。

延伸閱讀相關文章:
Google 的「 Data Gif Maker 」

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:Google Data Gif Maker 簡單自製更有吸引力的數據比較動畫圖


留言

  1. 請問是不是只能比較兩個數據? 要是我有三四個數據要一次比較呢?

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!

少記筆記,減少整理,高效輸出:6 原則打造任務驅動型第二大腦