手軽にイケてるグラフを作れるWEBサービスいろいろ

グラフを作成できるWEBサービス

ブログなどで、データを視覚化してわかりやすく説明するためにグラフを作りたいなんてこと結構あると思います。

そんな時に、使うと便利。どこにいても素敵なグラフを作って公開出来るWEBサービスをまとめてみました。

photo by SalFalko

スポンサーリンク
レクタングル(大)広告

Googleドライブのスプレッドシート

Google ドライブの概要 - 1 か所であらゆるファイルを保管

Googleドライブ

エクセルを使う要領で、手軽にグラフが作れます。

作成できるクラスは、線グラフ、面グラフ、縦棒グラフ、横棒グラフ、散布図、円グラフ、ジオチャート(地図付きグラフ)、トレンドグラフ、ローソク足チャート、ゲージ図、組織図、ツリーマップ、モーショングラフ、タイムライン、スパークライン、テーブル(表)などなど様々な図表が作れます。

Googleスプレッドシートでつくれるグラフ

スプレッドシートの場合は、次のような画像に書き出すことも手軽にできますし、

image

以下のような、インタラクティブなグラフを直接サイトに埋め込むこともできます。

infogr.am

Create infographics & online charts  infogr.am

infogr.am

単なるグラフの他にも、インフォグラフィックなども作成できるWEBサービス。グラフの種類も多岐にわたり、サイトに埋め込み表示することで、インタラクティブなグラフを作ることができます。

作成できる図表は、インフォグラフィックの他に、横棒グラフ、縦棒グラフ、円グラフ、線グラフ、面グラフ、散布図、バブルチャート、ピクトリアル(絵入り)、ヒエラルキーチャート、テーブル(表)、プログレスチャート、ワードクラウド、ツリーマップ、ローソク足チャートなどが作成できます。

infogr.amで作成できるグラフ

作成したグラフはこんな感じで表示されます。

Eegraph

Eegraph(イーグラフ) - 美しいグラフが簡単に作成できる!グラフ作成サービス

Eegraph

タイトルの入力→データの入力(エクセルデータの貼り付けでもOK)→グラフの選択のわずか3ステップで手軽にグラフを作成できる日本のWEBサービスです。

ただ、グラフの種類は棒グラフ、折れ線グラフ、円グラフのみと少ないです。

Eegraphで作成できるグラフ

作成したグラフはこんな感じになります。(縦軸と横軸の入れ替えができないので注意が必要です。)

気温(サンプル)

グラフは、PNG、JPEG、PDF、SVGといろいろなフォーマットで保存できるのも特徴の一つです。

Statpedia

Statpedia- Create a Graph

Statpedia: Create a Graph

棒グラフ、円グラフ、折れ線グラフ、面グラフ、帯グラフ、散布図などを作成することができます。また、それらの複合グラフも作成できるのは他ではあまりない機能かもしれません。

Statpedia様々なグラフを作成

サンプルページには、デモが沢山あるので見てみると、出来ることの多さに驚きます。

グラフは、PNG、JPEG、PDF、SVGといろいろなフォーマットで保存できます。以下のようにインタラクティブに動作する埋め込み機能もあります。

iCharts

Turbo Visualization in the Cloud  iCharts

iCharts

凝ったグラフを作りたいならこちらがお勧め。その代わり操作は難しめ。

デスクトップ上のエクセルデータや、Googleスプレッドシートからデータを読み込んで作成する事もできます。

作成できるグラフは、横棒グラフ、縦棒グラフ、円グラフ、面グラフ、線グラフ、複合グラフなど。iChartsで作ったチャートをインフォグラフィックに挿入することもできます。

iChartsで作成できるブラック

こんな感じの凝ったグラフを作ることができます。

iChartsで作ったグラフ

インフォグラフィックも。

インフォグラフィック

amCharts

JavaScript Charts and Maps  amCharts

JavaScript Charts and Maps | amCharts

JavaScriptを用いて高機能で洗練されたデザインのグラフを作れます。WordpressプラグインのamCharts: Charts and Mapsからも使うことができます。

作成できるグラフは、多すぎて書ききれません。Demosに多数のサンプルがあるのでご確認ください。

作ろうと思えば、こんな感じのグラフも作れます。

JavaScriptチャート

黒板風チャート

Microsoft Excel Online

Microsoft Excel Online

Microsoft Excel Online

オンラインで使用できるExcelです。

作成できるグラフは、縦棒グラフ、線グラフ、円グラフ、横棒グラフ、面グラフ、散布図、レーダーチャートなどです。

Excel Onlineで作成できるグラフ

例を挙げると、次のようなグラフが作成できます。

Excelオンラインのグラフ

ただし、Excel Onlineの場合、グラフのみを保存する機能は無いようでした。グラフを画像として保存するには、キャプチャツールなどで取り込んで切り抜く必要があります。ちょっとこのあたりは面倒くさいです。

FlyCharts

Fly Charts - Interactive Flash Charts

Fly Charts – Interactive Flash Charts

フラッシュを利用したインタラクティブなグラフを作成することができます。有料。

作成できるグラフは、Gallery参照。

こんな感じのグラフが作成できます。

FlyChartsで作れるグラフ

使用方法がちょっと面倒くさい。

Online Charts Builder

Online Charts Builder

Google Chart APIを利用したサービス。

Cacoo(カクー)

Cacoo - Web上でフローチャートやUMLなど様々な図を作成

Cacoo – Web上でフローチャートやUMLなど様々な図を作成

こちらは、グラフではないですが、Web上で簡単にサイトマップやワイヤーフレーム、フローチャート、マインドマップ、UML、ネットワーク図などの図を作成できるドローツールです。(サンプル

オフィスレイアウトなんかも作ることができます。

オフィスレイアウト

まとめ

僕は以前、グラフを作成するのにExcel2003を使用していました。

古いエクセルでグラフを作ると、やはりちょっと古めかしいというか前時代的というか。

Excel2003

これはこれで味があるのですが、今回紹介したものは、これよりもスタイリッシュなグラフを作成できると思います。

WEB上で無料で使えるものでも、エクセル以上の高機能なグラフを作成できるサービスもありますので興味のある方は是非。

『手軽にイケてるグラフを作れるWEBサービスいろいろ』へのコメント

  1. 名前:森 國明 投稿日:2015/03/13(金) 12:11:57 ID:c7eda11ac

    地図(googleマップ等)上に棒グラフを表示する簡易ソフトをさがしているのですが見つかりません。ご存知のものがありましたらお教えください。

  2. アバター画像 名前:わいひら 投稿日:2015/03/13(金) 13:37:00 ID:3844c0bc3

    以下のように、スクリプトを自前で書かなければいけないものしかないかもしれません。

  3. 名前:Koh 投稿日:2018/03/10(土) 21:13:00 ID:bb9f5f4ca

    https://scatterplot.online/を試してみてください。

  4. アバター画像 名前:わいひら 投稿日:2018/03/13(火) 19:20:45 ID:0320dfdf7

    ありがとうございます。
    試してみます。

  5. 名前:Ryotaro Ono 投稿日:2021/05/15(土) 18:34:32 ID:983794ec5

    はじめまして
    このサイト、このページを拝見させていただいてInfogramを使い始めたものです。

    1つ質問がございます。
    このページのInfogramで作成されたグラフは、福岡支店/宮崎支店/鹿児島支店ごとにフィルターがかかったデータがラジオボタンで制御され、グラフとして表示させられるようになっています。
    このようにラジオボタンなどで、属性を制御する方法を教えていただけないでしょうか?

    私は、
    学生/社会人、男性/女性などの属性でフィルターをかけられるラジオボタン(あるいはプルダウンメニューでも可)が設置されたグラフ(折れ線)を作成したいと思っています。

    突然のご連絡ですが、よろしくお願いいたします。

  6. アバター画像 名前:わいひら 投稿日:2021/05/20(木) 14:00:23 ID:cfe3cadf3

    この記事を書いたのは、2014年でそう時はデフォルトだったような気がします。
    それでコメントをいただいて、Infogramにログインし試行錯誤して見たのですが、どうやってもやり方が分かりませんでした。
    お役に立てず誠に申しわけないです。
    今でも表示されているということは、使えるのかもしれませんが、いかんせん当時より機能が増えすぎて全然わかりませんでした。