<p class="thumb"><img src="http://web-marketing.zako.org/images/2017/05/trends.gif" alt="" width="1024" height="576" class="alignnone size-full wp-image-30974" /></p>
<p>グラフ画像で結論をすぐに見せるのも良いのですが、時と場合によってはすこし貯めておいてから結論を見せる演出をしたい場面もありますよね。</p>
<p>そんなときに使えそうな、Google News LabによるWEBアプリをご紹介します。</p>
<!--more-->


<h3 class="header-label">動きのあるグラフをカンタンに作成できる「Data GIF Maker」</h3>
<p>「<a target="_blank" href="https://datagifmaker.withgoogle.com/edit">Data GIF Maker</a>」は、<strong>Googleが提供する動きのある比較帯グラフを生成するWEBサービス。</strong></p>
<p>比較するふたつの項目の名前、数値とタイトルを入れるだけで、GIFアニメーションのグラフを作成してくれます。</p>

<h4 class="tips">カンタンに動くグラフを生成できる</h4>
[caption id="attachment_30977" align="alignnone" width="800"]<img src="http://web-marketing.zako.org/images/2017/05/datagifmaker-edit.png" alt="" width="800" height="542" class="size-full wp-image-30977" /> タイトルと比較項目名、数値を入れるだけで動くグラフを生成。[/caption]
<p>グラフはひとつのGIFアニメに最大５つまでを作成可能。それぞれ比較のタイトルと比較項目名、数値を入れるだけでOK。</p>
<p>数値はカンマ区切りで複数入力することができ、単位も％（パーセンテージ）か整数を選ぶことができます。</p>

<h4 class="tips">WEB上で動くグラフを公開できる</h4>
[caption id="attachment_30980" align="alignnone" width="800"]<img src="http://web-marketing.zako.org/images/2017/05/datagifmaker-preview.png" alt="" width="800" height="546" class="size-full wp-image-30980" /> 動くグラフの公開画面。[/caption]
<p>編集画面で情報を入力した後に、【LAUNCH COMPARISONS】ボタンを押すと、グラフのURLが生成されます。このURLを共有することで、動くグラフを公開することができます。</p>

<p class="desc"><a target="_blank" href="https://datagifmaker.withgoogle.com/?c=%7B%22l%22%3A%22%E3%83%86%E3%82%B9%E3%83%88%EF%BC%91%22%2C%22lv%22%3A%5B50%5D%2C%22r%22%3A%22%E3%83%86%E3%82%B9%E3%83%88%EF%BC%92%22%2C%22rv%22%3A%5B80%5D%2C%22type%22%3A%22percentage%22%2C%22colour-left%22%3A%22red%22%2C%22colour-right%22%3A%22yellow%22%2C%22subtext%22%3A%22%E6%AF%94%E8%BC%83%E3%83%86%E3%82%B9%E3%83%88%22%7D&c=%7B%22l%22%3A%22%E3%83%86%E3%82%B9%E3%83%88%EF%BC%93%22%2C%22lv%22%3A%5B100%5D%2C%22r%22%3A%22%E3%83%86%E3%82%B9%E3%83%88%EF%BC%94%22%2C%22rv%22%3A%5B200%5D%2C%22type%22%3A%22raw%22%2C%22colour-left%22%3A%22blue%22%2C%22colour-right%22%3A%22yellow%22%2C%22subtext%22%3A%22%E6%AF%94%E8%BC%83%E3%83%86%E3%82%B9%E3%83%88%EF%BC%92%22%7D&autoplay=true&logoShown=false">サンプルグラフ</a></p>

<h4 class="tips">GIFアニメ画像でダウンロードできる</h4>
[caption id="attachment_30979" align="alignnone" width="800"]<img src="http://web-marketing.zako.org/images/2017/05/datagifmaker-download.png" alt="" width="800" height="385" class="size-full wp-image-30979" /> GIFアニメをダウンロード。[/caption]
<p>生成した動くグラフは、アニメーションGIFでダウンロードすることができます。この記事の冒頭にある画像がダウンロードしたものです。</p>
<p>グラフを作成した後に【DOWNLOAD AS GIF】ボタンを押すと、ダウンロードが開始されます。ダウンロードには数分から数十分かかるようです。</p>

<p>興味があるかたは<a target="_blank" href="https://datagifmaker.withgoogle.com/edit">Data GIF Maker</a>へどうぞ。</p>

