ブラウザ上で手軽にグラフを作成、コピペでサイトに埋め込めるオンラインサービス7選

グラフ、チャートをサイトに埋め込むことができるサービスを紹介します。初心者向けのサービスとして、サービスサイト上で簡単にグラフを作成、生成されたコードをコピペするだけで、サイトにグラフ埋め込めるものを中心に紹介します。最後に紹介するChart.jsは、本格的なグラフ表示用のJSライブラリで、JSが使える人にはこれがおすすめです。

Statpedia

Excelのように表に数値を入力してグラフを作成、コードをコピペするだけでグラフをサイトに埋め込むことができます。埋め込みコードはiframeです。グラフは円グラフ、棒グラフ（横）、棒グラフ（縦）、折れ線グラフなど6種類から選択できます。グラフはPNG、JPEG、PDF、SVG形式でダウンロードすることもできます。グラフの作成が簡単で、コピペだけでサイトにグラフを設置できるので、初心者にも使いやすいサービスです。グラフ作成までは無料、サイトに埋め込む前に無料会員登録が必要です。

特徴

Excel感覚でグラフ作成
グラフは円グラフ、棒グラフ（横）、棒グラフ（縦）、折れ線グラフなど6種類から選択
コードのコピペ（iframe）でサイトに埋め込み
PNG、JPEG、PDF、SVG形式のファイルダウンロード
無料会員登録が必要

Beam

グラフの数値を変更して、カラーパレットを選択するだけのシンプルなグラフ作成ツールです。作成したグラフはiframeでサイトに埋め込むか、png形式でダウンロードすることができます。グラフの種類は円グラフ、折れ線グラフ、棒グラフ（横）、棒グラフ（縦）の4種類です。グラフの下にクレジットが表示されてしまいますが、手軽なのでブログに埋め込む際などには便利です。グラフの埋め込み、ダウンロードには無料会員登録が必要です。

特徴

数値変更のみで簡単にグラフ作成
グラフは円グラフ、棒グラフ（横）、棒グラフ（縦）、折れ線グラフなど4種類から選択
コードのコピペ（iframe）でサイトに埋め込み
PNG形式の画像ファイルダウンロード
無料会員登録が必要

Chartico

会員登録不要で、簡単にグラフを作成することができます。作成したグラフはJPG画像で表示されるので、右クリックで保存して、画像ファイルとしてサイトに埋め込むことができます。グラフは棒グラフのみ、棒の数とそれぞれの値、色を選択、グラフのタイトルとサブタイトルを入力して、「Done」ボタンを押すだけで完成です。とってもシンプルなグラフサービスです。

特徴

会員登録不要
作成できるグラフは棒グラフのみ
棒グラフの数、値、色を選択して、タイトルとサブタイトルを入力するだけ
グラフはJPG画像として保存してサイトにアップする

HeartRails Graph | キュートな円グラフ簡単作成サービス

円グラフを作成できるサイトです。各項目の文字と割合を入力するだけで、手軽に円グラフを作成できます。作成した円グラフはPNGファイルとしてダウンロードできます。グラフの色や大きさ、背景色、フォントなど調整可能です。日本語サービスで、長いテキストでも表示してくれるので、用途によっては役に立ちます。

特徴

円グラフ専門のグラフ作成サービス
作成した円グラフはPNG形式でダウンロード
グラフの大きさ、背景色、フォントなど調整可能
日本語サービスで、長いテキストにも対応

ChartBlocks

無料、有料プランがあるグラフ作成サービスです。Excelと同じ感覚で表に入力した数値をベースにグラフを作成することができます。データはスプレッドシートをアップロードしてインポートすることもできます。グラフの種類は、棒グラフ、円グラフ、折れ線グラフなど複数の種類から選択でき、作成したグラフはPNG形式でダウンロードできます。有料版では、EPS、PDF、SVG形式でもダウンロードすることができます。

特徴

無料プラン、有料プランがあるグラフ作成サービス
Excelと同じ感覚でデータ入力が可能
スプレッドシートからのインポートも可能
グラフの種類は棒グラフ、円グラフ、折れ線グラフなど
無料プランはPNG形式でダウンロード
有料プランはEPS、PDF、SVG形式でダウンロードが可能

Wolfram Alpha

数式を入力するだけで、複雑な関数をグラフとして表示してくれるサービスです。2次関数や3次関数など、どんな複雑な関数でも3次元までであれば、グラフ化して表示してくれます。ただし、作成したグラフをダウンロードするには月5ドルの有料プランが必要です。他では見られない、面白いサービスです。

特徴

数式を入力すると、複雑な関数でもグラフとして表示
作成したグラフをダウンロードするは月5ドルの有料プランが必要

Chart.js

サイトにグラフを表示できる、JSライブラリです。グラフ表示用のライブラリは色々とありますが、使いやすく、高機能なのでおすすめです。棒グラフ、折れ線グラフ、レーダーチャート、円グラフ（パイ型）、円グラフ（ドーナッツ型）、などを実装できます。見た目も自由に調整できるので、JSを使える人にはおすすめです。

特徴

本格的なグラフ表示用JSライブラリ
高機能で使いやすい
折れ線グラフ、レーダーチャート、円グラフ（パイ型）、円グラフ（ドーナツ型）などの実装が可能
見た目の調整も自由自在