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

Statpedia

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

Statpedia

Statpedia
Statpedia

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

特徴

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

Beam

Beam
Beam

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

特徴

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

Chartico

Chartico
Chartico

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

特徴

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

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

2016-06-08_19h38_14
HeartRails Graph | キュートな円グラフ簡単作成サービス

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

特徴

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

ChartBlocks

ChartBlocks
ChartBlocks

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

特徴

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

Wolfram Alpha

Wolfram Alpha
Wolfram Alpha

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

特徴

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

Chart.js

Chart.js
Chart.js

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

特徴

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

解説記事

Chart.jsを使って、棒グラフ、折れ線グラフ、レーダーチャート、円グラフを表示しよう!(サンプル・解説付き)
Chart.jsを使って、棒グラフ、折れ線グラフ、レーダーチャート、円グラフを表示しよう!(サンプル・解説付き)

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Updated on
  • Views 3,105