IT便利手帳
*

無料で使えるチャート・グラフ作成オンラインツールまとめ

最近のコンテンツSEO対策として記事を作成する際にグラフやチャートを差し込みたい場面は多くなってきました。

グラフやチャートはPhotoShopやイラストレータで作成することもできますが、結構手間がかかります。画像編集ソフトでつくるのが面倒だったり、敷居が高いという方にはオンラインの無料でグラフを作成できるサービスを使ってみてはどうでしょうか。

それぞれ特徴があるので、覚えるまでが大変なものもありますが一度覚えてしまえば見栄えの良いグラフが簡単に作成できます。

画像でグラフをダウンロードできるツール

online ChartTool

ウィザードに従って色や数値やタイトルを入力していくと、バーチャート、折れ線、パイチャートなど10種類のオリジナルのグラフが作れます。出来上がった画像は、PNG,JPG,PDF,CSVなどの形式でダウンロードできるほか、twitterやFacebookなどに投稿も可能です。他にもかなりのグラフ作成ツールがありますが、デザイン性や古さが目立つものは除外して高品質なものに限定して紹介しています。

http://www.onlinecharttool.com

ChartBlocks

アカウントを登録するか、FaceBook、Twitterのアカウントでログインして使用できます。データを直接打ち込んで作ることも、CSVなどのデータをインポートすることもできます。ただしインポートするデータに日本語は使えないようです。直接入力では使用可能。

http://app.chartblocks.com

Live Editor

細かい設定で高品質なチャート図形が作れます。出力するのは、画像ではなくJavascriptプログラムなので多少のHTMLの知識がないと少し難しいかもしれません。作成されたコードをクリップボードコピーで自分のHTMLに貼り付けるか、HTMLファイルでダウンロードできます。

http://live.amcharts.com

Datawrapper

ウィザード形式でグラフの形状やオプションを決めていくだけで高品質なグラフが作れます。データは、ExcelやOpenOfficeなどでアップロードする形式です。 PDFや印刷は無料ですが、画像をダウンロードするには有料のオプションが必要です。

http://datawrapper.de

NCS Kid’s

子供の学習用のツールですが、かなり細かくいろいろなグラフを作成できます。ダウンロードできるファイルは数が多く、PDF,SVG,PNG,JPG,EMF,EPSといったファイルで取得できます。アカウントの作成なども不要なので手軽に利用できます。

http://nces.ed.gov

oomfo

オンラインツールではありませんが、パワーポイントのアドインとしてチャート作成ツールを無料で使えます。オンラインツールより、使い慣れたパワーポイントで高性能チャートを作りたい方向けです。

http://oomfo.com

Meta-Chart

オンラインのグラフ作成ツールです。 PDF,JPG,SVGなどの形式で作成したチャートをダウンロードできます。作成は、ウィザードのようにデータを自分で入れていくタイプになっています。

http://www.meta-chart.com

pie color

パイチャート専門の作成ツールですが、逆にシンプルで使いやすいツールになっています。はじめにパイに入れる数を設定してその後は、データをセットするだけです。 ダウンロードできるファイルはPNG形式だけです。

http://piecolor.com

chartgo

円グラフ、棒グラフ、パイチャートなどのチャートが、手軽に作成できるサービスです。デザインはちょっと古い感じがしますが、簡易的にグラフを作る際には1画面で設定が終わるので気軽に作れます。作成したグラフは、HPやブログに貼り付けたりできるリンクが提供されるだけで、実際の画像はダウンロードできません。

http://www.chartgo.com

Hohli

いろいろなチャートが、いろいろなサイズで作成できるのですがデータの入れ方に少しクセがあって慣れるまでわかりにくいです。データは、ブログなどに貼り付ける形式か、作成された画像を右クリックして画像をPNG形式で保存できます。

http://charts.hohli.com

&nbp;

Javascriptのグラフモジュール

JavaScriptで作成できるグラフモジュールです。Webサイトを開発する際に、特に内部のデータ閲覧サイトを作成する際にグラフやチャートで視覚的にデータを見ることはよくあることです。その際に自作で一からプログラムを組むのは大変なのでJavaScriptで手軽に組み込むことができるJavaScriptのグラフモジュールは開発速度を早くすることになるでしょう。

HIGH CHARTS

JavaScriptで作成するチャート作成モジュールです。商用以外は無料で使用できます。高品質ないろいろな形状のグラフが作れるので、お金を払ってでも商用に使ってみたいぐらいです。このグラフモジュールを使うと開発効率が上がることは必須です。

http://www.highcharts.com

JS charts

Javascroptで作成するチャートです。 無料版はウォーターマークがつきます。ウォーターマークを取るには、有料のオプションが必要です。有料だけ合って、かなり高機能でデザインもかなり洗練されています。 プログラムで動的にグラフを変えていく場合などには、このようなプログラムに近いようなツール「が必要になります。

http://www.jscharts.com

morris js

Javascroptでグラフを作成できるモジュールです。 無料で使用できます。無料ですがデザインも悪くないのでとりあえず社内ツールなどを作るときは有料でデザイン性が高いものよいりもこちらでサクッと作るのもいいかもしれません。

http://morrisjs.github.io/morris.js/

Chart.js

こちらもJavascriptで使えるチャートモジュールです。 シンプルでキレイなグラフが作れます。

http://www.chartjs.org

Canvas JS

キレイで豊富な種類のグラフをJavascriptで作れるモジュールです。 非商用であれば無料で使えます。

http://canvasjs.com

記事はお役にたてましたか?

記事にご興味をもっていただけましたら、
以下のソーシャルボタンで共有していただくと嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓