あなたのサイトの訪問者の行動が全てわかる、無料で簡単に使えるアクセス解析

正しいメールアドレスをご入力ください

利用規約に同意した上で登録してください

close

会員登録が完了しました

入力いただいたメールアドレスにPtengine本登録に関する確認メールが届きます。

【メールが届かない場合】

お問い合わせ(support@ptmind.co.jp)

美しいグラフが簡単に作れるEegraphでいろんなデータをグラフ化してみた

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

79E34328-3658-4D48-9C6C-0D7199882DA7

こんにちは。
マーケティング担当の繋です。

皆さんはグラフを作成するときは、何で作っていますか?

僕はプロモーションも担当しているので広告費の進捗などは
GoogleスプレッドシートやNumbersを使う機会が1番多いのですが
もっと見た目が良いグラフを簡単に作りたいと思いました。

情報やデータなどを視覚的に表現するインフォグラフィックという手法があり
テキストや情報では伝わりにくいものをシンプルにまとめて分かりやすくする方法です。

やはり情報はシンプルに美しくまとまっている方が見る方も作る方も気持ちがいいです。
と、いうことで今回はキレイにグラフを作れるサービスを紹介します。

美しいグラフを簡単に作れるEegraph

79E34328-3658-4D48-9C6C-0D7199882DA7
Eegraph(イーグラフ) – 美しいグラフが簡単に作成できる!グラフ作成サービス

名前にもあるとおりグラフが簡単に作成できます。しかも無料で!
ネーミングもイーグラフとシンプルですね!

こういったサービスはたくさんあると思うのですが
今回はEegraphを紹介していきます。

 グラフの元になるデータ

グラフ作成の上で元になるデータですが、NUMBERの代表でウェブアナリストの
渋谷 泰一郎さんのブログで紹介されている
「【業種別】日本の広告費推移(2005年〜2014年)」の
データをお借りしてグラフを作成していきたいと思います。

E8F99970-1082-4DDA-8AAC-44CBBB196887

【業種別】日本の広告費推移(2005~2014年) | NUMBER

 Eegraphへ登録

早速、登録からはじめます。
トップ画面の新規登録(無料)をクリック。
79E34328-3658-4D48-9C6C-0D7199882DA7
有料のプランもあるみたいですが、今回は無料プランへの登録を行います。
Freeのプラン表下部の新規登録(無料)を選択。

 

1C5F92DB-49B5-4D54-A166-16EF9E9F44F2

 

それぞれユーザー名、メールアドレス、パスワードを入力して
アカウントを作成するをクリック。

 

※ユーザー名に使える文字は、半角の小文字の英字(a〜z)、および数字(0〜9)

 

6B03959A-2DB9-449F-B0B1-63748A99DC87

 

確認メールが送信されるので、メールを確認しましょう。

 

C3990765-42B2-442A-BE59-9779190643B5

 

Gmailの場合、高確率で迷惑メールフォルダに振分けられるようで
メールが届かないようであれば、迷惑メールフォルダを確認してみてください。

 

確認メール本文中のURLをクリックすると登録が完了し
グラフ一覧が表示されます。

 

193D79FC-1D06-431F-83F7-48DACC8E7659

 

グラフ一覧画面で表示を選択すると拡大してサンプルを確認できます。
一覧に表示されているサンプルを紹介します。

 

5EE78E5D-9A30-443E-979C-710634C86427
降水量

 

E116B0A9-2C23-4ACD-9210-3A1BF3AE01CD
気温

 

2F7A0BFC-A601-4BFB-AECC-7877C00D1ED7
ブラウザシェア

 

表示した画面で元データをエクスポートする事もできます。

グラフ作成手順

では早速グラフをつくっていきましょう!
ヘッダにあるグラフ作成をクリック。

 

8CCEDFD3-0590-435C-AC7C-B1D7083078BD

Step 1. グラフのタイトル・タグの入力

グラフのタイトル・タグを入力していきます。

0CEB89E2-75F3-417B-AEFF-31BC5C0383C4

Step 2. 元となるデータの入力

グラフの元となるデータを表示されている表に入力します。
ローカルのファイルをアップロードするかコピペで貼り付けることもできます。

 

DA3517EC-D004-448C-83CE-36FC4C49090A

Step 3. グラフの種類・オプションを指定

グラフの種類や幅や高さなどを設定していきます。
無料登録からはじめても、ほとんど時間はかからないと思います。

 

貼り付けた画像_2015_04_23_12_14

プレビュー

グラフの種類を選択すると下にプレビューが表示されます。

6C3D7D02-0D74-4586-A518-31275AC2E340棒グラフ

5412FE96-07F2-472A-8921-495940D00172線グラフ

グラフの作成

という事で上のプレビューでグラフの仕上がりイメージを確認して
そのグラフ作成したい場合は下部のグラフ作成をクリック。

 

貼り付けた画像_2015_04_23_12_37

 

グラフ作成をクリックするとグラフの完成です。
本当に美しいグラフが簡単にすぐ作れますね!

4128697C-6ACB-4A49-87BF-FCECAAB75172

円グラフも作ってみた

本当に簡単に作れるので何でもグラフにしたくなりますね笑
最初に表示されたグラフ一覧のページに作成したグラフが追加されました。

 

ここからいつでも確認する事もできますし、グラフが多くなってしまっても
タグなどの検索が使えるので本当に便利です。

 

D5EC0AED-67E6-4ADB-AB64-0FA895A527AD

 

せっかくなので円グラフの作成も紹介します。
円グラフは比率やシェアなどを作る際に適しています。

 

さっきと同じようにグラフのタイトル・タグと元データを入力します。

 

D0669C68-33E8-49EE-94BC-FFA7EB880132

 

グラフの種類を選択します、今回は円グラフを選択。

 

CEAF6B0D-B9AD-4E6A-9D3A-0A2A6EE8E967

 

プレビューを確認してグラフ作成をクリック。
データさえあれば本当の秒速でつくることができますね!

 

A051A5FC-A500-493D-B81B-72A1AC24F180

 

グラフの閲覧画面の操作方法です。
imageでのエクスポートもここから簡単にできます。

 

貼り付けた画像_2015_04_23_14_04

 

更に有料プランがお試しで1ヶ月無料で使えます。
この有料プランにお試し登録すると、
共有機能やクレジット表示、月間のグラフ保存数などがアップグレードします。

 

くわしくはサービスプランで確認してください。

「サイト改善市場」を調べた結果をグラフ化

次は弊社が提供するPtengineも含まれるサイト改善市場について
ABテストツールVWO(Visual Website Optimizer )の日本で唯一の公式代理店である
株式会社アッションさんのブログで書かれた記事のデータをEegraphでグラフ化します。

 

F3FB7487-2AC7-4632-9595-CE689241FD03

 

記事の中ではヒートマップ市場とABテスト市場を分けて紹介しています。

 

ヒートマップ市場は弊社のPtengine、日本では株式会社ギャプライズが代理店であるClicktale
ABテスト市場はKAIZEN PLATFORM株式会社イー・エージェンシーOptimizely
株式会社アッションVWOの合計5サービスをいろいろな角度から調べています。

 

10470B75-5E62-481F-8C04-098F7C85E51F

 

その中でも「各ツール・各社の検索動向と今後の戦略」より
各ツールの月間のGoogleでの検索回数が紹介されています。

 

この検索回数のデータをEegraphでグラフ化しちゃいましょう!
さっそく作っていきます。

 

※各ツール名の検索語句のルールについてはリンク元をご覧ください。

 

EC248B70-F02F-4EEA-87B5-FD9037EF84CB

 

いろんな種類のグラフができたので紹介します。
今回は画像ではなくアップグレードしたプランの共有機能を使い
埋め込みコードでグラフを埋め込み、更に共有URLも貼り付けておきます。

 

埋め込むメリットとしては
  • 元データを更新した際に貼り替えをしなくても良い
  • 動的なグラフが見れる
共有URLは、こんな感じでFacebookなどでも簡単にシェアする事ができます。

 

5558CAD6-F6C2-4392-9FF7-888EE934C7B7

 

今後、この検索回数のデータは毎月、更新していくので良ければ見にきてください!

 

※お試し期間が終了したら共有URLは見れなくなるのか?等は
現在確認中です。確認がとれ次第、追記します。

線グラフ

URL: https://eegraph.com/view/graph/624567140fecc40163fed3c45a959a7c

棒グラフ

URL: https://eegraph.com/view/graph/d10f24cc96c40a85ed11ce68142e80df

面グラフ

URL: https://eegraph.com/view/graph/b0bb808a5994aefa4f47d7ec6e58c984

Ptengine頑張ってます!!ありがとうございます!

まとめ

いつも調べてはいるのですが、こうやってグラフにして改めて見ると嬉しいですね!
こういう風にデータさえあれば簡単にいろんなグラフをすぐ作ることができます。

と、いう事で今日は美しいグラフが簡単に作れるEegraphをつかって
データをグラフ化してみました!

これまでデータとかグラフとか苦手だった人も、これを使えば好きになれるかも?!
Eegraph(イーグラフ) – 美しいグラフが簡単に作成できる!グラフ作成サービス

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSで最新情報をうけとる