有趣的在線動態圖製作工具,將數據線上快速製作為GIF動畫

這幾年GIF(Graphics Interchange Format)圖象互換格式有起死回生的跡象,或許不能說GIF真正離開過,至少它算是早期網路速度還不快時最受歡迎的圖片格式(最早出現為1987年,至今已經超過30年時間),試想當時網速就連開網頁都要等很久,怎麼可能會有視頻串流?GIF動態圖是會動又不太占流量的最佳選擇。

這幾年GIF又逐漸被應用程序及社群網站使用,最知名的Giphy就是專註於此格式的在線資料庫及搜尋引擎,2015年Facebook開始支持會動的GIF圖片,現在你滑臉書如果看到圖片中間出現一個GIF字樣,點擊後就會開始播放,相對於靜態圖片來說GIF確實更吸引讀者目光。

Google也看準這一點,近期推出很有趣的在線動態圖製作工具「Data GIF Maker」(趨勢可視化工具),將無趣的數字圖錶轉為動態GIFs格式,讓枯燥乏味的數據真正動起來!不僅更具視覺效果,還能在兩造雙方拉鋸中提高使用者停留在圖片上的時間。

這款工具讓作者或記者在描述故事時更容易導入使用,無須複雜難懂或無法隨手使用的軟體,只要打開網頁,填入數據、設定顏色後就能在線產生GIF圖,效果看起來就像上面這張「蝙蝠俠和超人被搜尋的比例」(由Google博客提供示例)。除此之外,使用者可自行設定顏色,選擇要下載低解析度或高解析度GIF原始圖檔。

站點名稱:Trends Visualization Tool

網站連接:datagifmaker.withgoogle.com

使用教學

STEP 1

開啟Google Data GIF Maker網站,可以看到許多製作的欄位,最多一次可產生五張動態圖。

STEP 2

首先,從第一個欄位開始吧!選擇左右兩種物件顏色,填入名稱、數值,看到最右側有兩種不同的單位可切換嗎?預設為百分比(%),你也可以直接使用數字來互相對抗(+)。

設定後,最下方的「Data sample」可填入數字代表的意義,例如我在示例中使用兩款最熱門的WordPress緩存插件:WP Super Cache、W3 Total Cache來做比較,而比較基準為插件被下載次數,因此我在最下方這格就填入「下載次數」。

STEP 3

完成後,右上角有兩個選項,可以直接預覽效果「Launch Comparisons」或下載為GIF動態圖格式(Download as GIF),下載時又有分成低解析度和高解析度兩種,高解析度相對來說圖片容量也會大一些。

STEP 4

下圖就是我通過Google Data GIF Maker趨勢可視化工具做出來的示例圖片,有興趣的話不妨自己上去操作看看,相信也能獲得滿意的成果。

如果你單純想將數字做成靜態圖表,可參考之前介紹過的另一免費工具「讓數字說話,使用Chartico在線製作美麗直條圖表」


推薦閱讀:

BI應用中的矛盾(轉)
若想修鍊成數據科學家,最重要的技能居然是...?
治療癌症的有效解藥--基因數據
健身應用暴露了美軍秘密基位置
安客誠成為阿里數據銀行首批認證服務商 助力數據營銷新生態

TAG:動態圖形設計 | GIF | 數據 |