皆さんはグラフの作成には何を使っていますか？見やすいだけでなく、デザイン性もあるグラフが作れるのが、グラフ作成オンラインツール「Chartblocks」です。あらゆるソースからデータをインポートでき、何千種類もあるグラフデザインから最適なデザインを選択できます。

また、グラフを直接FacebookやTwitterへ投稿できる埋め込みURLがあるので、作成したグラフを共有するのも簡単です。

目次

  1. Chartblocksとは
    1. Chartblocksの特徴
  2. Chartblocksの使い方
    1. 登録方法
    2. Datasetを選択する
    3. グラフのタイプを選択する
    4. シリーズを選択する
    5. テンプレートを選択する
    6. 完了
  3. まとめ

Chartblocksとは

1_top.png
http://www.chartblocks.com/ja

Chartblocksとは、簡単に美しいグラフが作れるWebサービスです。簡単な５ステップを踏むだけであっという間に見やすいグラフを作成できます。

Chartblocksの特徴

・どんなソースからでもデータをインポートできる
・グラフを自分の設定でカスタマイズできる
・レスポンシブグラフだからあらゆる端末やスクリーンサイズに対応できる
・ホームページにグラフを組み込みんだり、Twitter、Facebook、その他ソーシャルメディへ直接グラフを共有できる

Chartblocksの使い方

登録方法

2_registration.png
http://www.chartblocks.com/ja

Chartblocks にアクセスし、「始めてみる」をクリックします。

3_registration2.png
メールアドレスの他にFacebook、Google、Twitterのいづれかのアカウントで登録できます。今回はメールアドレスで登録します。

4_registration3.png
料金プランは全部で4つあります。プランごとにグラフ、データが保存できる容量が変わります。今回はフリープランで進めます。

5_registration4.png
「Create a chart」をクリックし、登録完了です。

Datasetを選択する

6_dataset.png
グラフの元となるデータをセットします。データセットの方法は①〜③です。

Type in my data・・・直接入力します
One I made earlier・・・最近使ったデータを使用します
スプレッドシートでデータをアップロードします

今回は1の「Type in my data」を選択します。

7_dataset2.png
データを直接入力し、タイトルを入力したらデータセット完了です。その後、「Next」をクリックします。

3.グラフのタイプを選択する

8_type.png
棒グラフ、線グラフ、面グラフ、分布図、円グラフの中からグラフのタイプを選択し、「Next」をクリックします。

シリーズを選択する

9_series.png
X軸とY軸を設定し、「Next」をクリックします。

テンプレートを選択する

10_template.png
グラフのテンプレートを選択し、「Next」をクリックします。

完了

11_finish.png
こちらでグラフが完成です。

12_customize.png
上記赤枠の「Customize」からグラフをカスタマイズできます。

13_customize2.png
例えば、グラフの図の位置の調整や色の変更なども可能です。

まとめ

Chartblocksでは、簡単にグラフが作成できるだけでなく、作成したグラフの共有機能も充実しています。グラフの埋め込みコードを取得してホームページにグラフを組み込んだり、Twitter、Facebook、その他ソーシャルメディアサイトへ直接グラフを共有したりできます。

また、データはスプレッドシート、データベースからインポート可能ですが、近日中にはライブデータフィードからもデータのインポートが可能になる予定です。ますます便利になるChartblocksを活用して簡単に美しいグラフを作りませんか？