<p class="thumb"><img src="http://cdn.zako.org/images/2014/08/charts-livegap.png" alt="charts-livegap" width="592" height="361" class="alignnone size-full wp-image-28770" /></p>
<p>Webで公開する記事やプレゼン資料などに、データを可視化するためにグラフを作成する機会も多いと思います。</p>
<p>そんなときに、小綺麗なグラフを容易に作れると嬉しいですよね。エクセルのデータをぺたっと貼り付け、微調整して、なんてことが容易にできると。</p>
<p>今回は、小奇麗なグラフを容易に作成、編集できるサービスをご紹介。</p><!--more-->


<h3 class="header-label">簡単にエクセルからグラフを作れる「Chart Builder」</h3>
<p>「<a target="_blank" href="http://charts.livegap.com/">Charts Builder</a>」は、<strong>エクセルのデータからカンタンにグラフの画像を作成できるオンラインサービス。</strong></p>
<p>サービスサイト上にエクセルのセルが用意されていて、ここに項目名や数値を入れるだけでグラフの画像を生成することができます。</p>

<h4 class="tips">作れるグラフは９種類</h4>
<p><img src="http://cdn.zako.org/images/2014/08/charts-livegap0.png" alt="charts-livegap0" width="592" height="299" class="alignnone size-full wp-image-28763" /><br />作成可能なグラフの種類は全部で９種類。折れ線グラフや棒グラフから、レーダーチャートやドーナツグラフまで、データを入力するとリアルタイムにグラフのプレビューを見られるのも良いですね。</p>
<p>９種類のうち６種類を以下に貼ります。</p>
<h5 class="tips">折れ線グラフ</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap1.png" alt="折れ線グラフ" width="592" height="400" class="alignnone size-full wp-image-28769" />
</p>
<h5 class="tips">棒グラフ</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap2.png" alt="棒グラフ" width="592" height="400" class="alignnone size-full wp-image-28768" />
</p>
<h5 class="tips">積み上げ棒グラフ</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap3.png" alt="積み上げ棒グラフ" width="592" height="400" class="alignnone size-full wp-image-28767" />
</p>
<h5 class="tips">円グラフ</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap4.png" alt="円グラフ" width="592" height="400" class="alignnone size-full wp-image-28765" />
</p>
<h5 class="tips">レーダーチャート</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap5.png" alt="レーダーチャート" width="592" height="400" class="alignnone size-full wp-image-28766" />
</p>
<h5 class="tips">ドーナツグラフ</h5>
<p>
	<img src="http://cdn.zako.org/images/2014/08/charts-livegap6.png" alt="ドーナツグラフ" width="592" height="400" class="alignnone size-full wp-image-28764" />
</p>


<h4 class="tips">グラフの作成・編集はサイト上のエクセルで</h4>
<p><img src="http://cdn.zako.org/images/2014/08/charts-livegap7.png" alt="charts-livegap7" width="592" height="300" class="alignnone size-full wp-image-28762" /><br />サービスサイトの画面上にスプレッドシートが組み込まれており、ここにタイトルや数値を入れるだけでグラフを作成できるようになっています。このスプレッドシートにエクセルのデータをコピペすることも可能です。</p>

<h4 class="tips">グラフや境界線の色など細かい設定も可能</h4>
<p><img src="http://cdn.zako.org/images/2014/08/charts-livegap8.png" alt="charts-livegap8" width="592" height="448" class="alignnone size-full wp-image-28761" /><br />右サイドバーにあるメニューからは、グラフの種類や生成する画像のサイズだけでなく、グラフの色合いや項目毎の境界線の色や幅、グラフのタイトルやサブタイトルなどといった指定もできるようになっています。</p>
<p>グラフの色については、テーマのようなものを用意してくれると尚良さそうですね。</p>

<p>興味があるかたは<a target="_blank" href="http://charts.livegap.com/">Charts Builder</a>へどうぞ。</p>