![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRgotghbKFuPFctOjRZPcAMTXPst1IQ5NeJHWspXNHgdb5ZB9QfR81KJf-baj9f9hxPsqty1miOj4mMs_8jOxePwwWdORe1T6TblwoVYb1hfa9ZDZ8CtFhYFqGApy_1yL6TQhjtGKesIR8/s600-rw/data-gif-maker.webp)
服務介紹:
Data GIF Maker 是一個動態圖表產生器,由 Google News Lab 推出的免費線上服務,提供矩形、圓形和跑道三種範本,點選範本後輸入標題、項目名稱和數值就能產生 GIF 動畫圖片。要注意一點,圖表範本有限制項目數量,最多只能四個項目,僅能製作數據資料不多的圖表。語言:英文
網址:https://datagifmaker.withgoogle.com/
Data GIF Maker 使用說明:
開啟 Data GIF Maker 網站會有使用說明,可直接關閉或查看到最後一頁按下「GET STARTED」。![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDeaDZpY3w8ePMs_ENkezSHpFirFqgWYBqjbGZLvttDJ3EIR_SDHcltUSAjZ3aYBMuQa4u-qqwNqxse62K5kqmzHDZZ559VCipIQC5ewbqSHmpdvO1ohj7U4GGzVyNWKLxxzRx1CjeY8i/s900-rw/data-gif-maker01.webp)
Data GIF Maker 提供三種範本並標註項目數量,最多只有四個項目&數值,若是數據資料較多則不適合使用此項工具,點選範本開始製作 GIF 動畫圖表。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8V9U11aO2W0cEQEEfO7nJtsT50TjKUM4a16JUrimSI26EUzm0SC6WAWseF832wiINMYUjtXVhlhoGxQJWBY0N-Sb9QBqf_kwxbGbOWte3iwTuikvuLTXD_1OOCPqG5f7He8cr-ZMJx433/s900-rw/data-gif-maker02.webp)
接著輸入標題、項目名稱和數值,預設是兩個項目可點擊「+ADD TERM」增加。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK-IVEe2APSST0OowcsKnlxPkf-0QpWMB5yM1DLWzHY7UmJzTV8Hi8aoLEn-Kvb7txs6itWPwMObh6b1bXJXL5A6HJtEqPoHqWZMFU09FMxCGCAJIcP5jx_Mqs2iBGoCLNqH39V0vUinC/s900-rw/data-gif-maker03.webp)
標題和項目名稱要輸入英文,製作時輸入中文會正常顯示,但產生 GIF 動圖不支援中文,若有需要也能指定項目顏色(選項不多)。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgID3FImWJ5Xk8xhS3a7voRiggRLemsp97nHViFbvCPUPGYvvLxk_i8QzOUnA6JTZS1RMb_Mndrz_l-C47NIl2stFkUknS3Zp_g03i4oGJig1kyznUlYGWnZ6NnGGfAQ_7YHllwfhjg7rRg/s900-rw/data-gif-maker04.webp)
填好數據資料後,標題下方可選擇數值類型(百分比/數字)、預覽動畫和 SAVE GIF 輸出儲存動圖。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxe7R8nwzssoCBl4PKQD9Fn6simHfXfj9_X7018whv8RfpczOTecINodZoIF_HStNyClkIXIS9stMlc2hVJ-h94TGmuKNudxXhFaGGtGUNJpvzhE0e7bJISdB4iixqwl8aVDl1I_avggA/s900-rw/data-gif-maker05.webp)
滑鼠移動到「儲存圖示」會出現 HQ、LO (高低畫質)選項。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqiVMnPPU0IfJx1xmm_9RcSLiITBRhZQ975Lkn9ngFDg-EW7FBTucJV5rp2d66qtHvRKW-nJOUDfRcQ_SloJmVdAgp_VoGLugpKyNAV7n32R99lzg_MsH-ZsOq4NqZXLoWlBf-UggZKcXL/s900-rw/data-gif-maker06.webp)
點選「HQ」或「LQ」即可產生 GIF 圖片,網頁會顯示進度,簡易型範本不會花費太多時間。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjocJNg96sehP-jusmm25yc4rMmI12IBLbxM91NIc1-lLa7J4VjhyphenhyphenypHhU9_kYoRO2CK8t4fs76DY3Xz2pf5wXohy2JvMlaC4gNgB9fwj9ZCRfqxl4SJCcvgpmk4ggO3wwOIpfnDi6GLcbN/s900-rw/data-gif-maker07.webp)
等待製作完成會有 COPY LINK (複製連結)和 DOWNLOAD (下載檔案)。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRi18_2SjxQoXF_ay8ZevRuGrTKWH00kP0syAYpEKUByzYfYKlHFUcEEd2PIlkzhbrdCw_LtI62yJrRz4OjcbB8AQ7peLGDwIqYYHYwjnaLHPpS5IitMA20SdJpLg3WbswmDRhpSctm0hE/s900-rw/data-gif-maker08.webp)
點擊「DOWNLOAD」會在新分頁開啟 GIF 圖片,按滑鼠右鍵即可另存影像。
![Data GIF Maker 製作 GIF 動圖來呈現數據差異](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimpKfI_905L2ow2Luy-6HEoSI-npRk8A9hVsRJLjyCcAjO7cyPIKS4zBN-Mgfr9zUzEp6HG0qy6AItiqYyUSw21Bg6kYcMYRkdJkGB5Bo95uvP_Uz2obMo9RKwZzKA0g0F27SEmkDOgfb1/s900-rw/data-gif-maker09.webp)
延伸閱讀:
0 留言