簡単にインフォグラフィックスを作れるツール infogr.am

データを視覚的に見せることをインフォグラフィックスと言い、数字をビジュアルでイメージさせることで、見る人にインパクトを与える効果があります。算数の時間で習う棒グラフや円グラフなどもその一例ですが、最近デザイン的に面白いものをよく見かけるようになりました。Tripadviserの「Tripgraphics」なんか、すごく分かりやすく、見ているだけで楽しいですね。

そうしたインフォグラフィックスをWeb上で簡単に作るサービスの１つがinfogr.amです。infogr.amを使うと、使用したいインフォグラフィックスの種類とデザインテンプレートを選択し、Excelで作成したデータをアップロード、または貼り付けするだけで簡単にインフォグラフィックスを作成できます。基本的なサービスは無料で使用できますが、作成したグラフ等を画像（png）やPDFに出力するためには月額制の使用料を支払う必要があります。

ちょうど、infogr.amの中の人が来日し、9月27日12:30から渋谷でユーザーズミートアップを行いますので、関心がある方はぜひ足を運んでみてください。

以下に使用方法を簡単に説明していきます。最初の画面から「join now」をクリックし、ユーザー登録をします。

登録は、自分でユーザー名やパスワードを決めてもよいですし、FacebookやTwitter、Google+のアカウントと紐付けることもできます。

ログインするとこの画面になります。「Create」でインフォグラフィックを作成、既に作成したものを閲覧、使用するときは「My Library」、「Upgrade to Pro」は有料ユーザーへの移行を表します。まずは、Createからインフォグラフィックスを作ってみます。

まずは、デザインテンプレートとグラフの種類を選択しますが、作成中でもテンプレート/グラフのチェンジはできますので、あまり真剣に選ぶ必要はないでしょう。テンプレートを選ぶと編集画面に移ります。上部に「infographics」と「Charts」があり、infographicsでテンプレート、Chartsでグラフを選択します。

Chartsで選べるインフォグラフィックスのバラエティの豊富さがinfogr.amのよい点の１つで、14パターンもあります。

編集画面では、「Charts」で何も選択しなかった場合、デフォルトで折れ線グラフにサンプルデータが入っています。タイトル、グラフ、説明文の各部分をダブルクリックして編集しますが、グラフの種類は変更できないので、折れ線グラフ以外のインフォグラフィックスを選択する場合は、いったん左上の「☓」で削除してから、画面右側にある「Add Chart」で新たなグラフを作成します。

左上の歯車マークをクリックすると設定画面が現れ、デザインテンプレートやグラフの幅などが変更できます。無料版だとロゴの変更などはできません。

編集画面右側にはグラフ、地図、テキスト、写真などを追加するためのボタンが用意されています。

まずは、デフォルトの折れ線グラフを加工してみましょう。サンプルデータが入っているので、グラフ部分をダブルクリックしてデータの加工ウィンドウを出します。

Googleスプレッドシートのような感覚でデータを入力、貼り付けします。Excel,CSVデータのロードも可能です。サンプルとして日本の婚姻・離婚件数のデータを貼り付けてみました。

グラフの加工を終え、編集画面でタイトル、下部テキストを加工するだけで折れ線グラフの完成です。プレビュー表示させてみましょう。

しかし、折れ線グラフや棒グラフならExcelを使ったほうが見栄えも使いやすさも断然上です。せっかくinfogr.amを使うのであれば、Excelでは作れないものにすべきでしょう。

というわけで、続いてピクトグラムを作ってみましょう。折れ線グラフを削除し、Chartsから「Pictoral」を選択します。グラフ部分をダブルクリックして編集します。分かりやすく2012年の婚姻・離婚件数をピクトグラム化してみましょう。
※婚姻・離婚件数は足して100になるものではないので、比率というタイトルは間違ってましたね。このピクトグラムには不適切なデータでした。スイマセン