グラフの作成は簡単です。お気に入りのスプレッドシートプログラムにデータを入力し、グラフウィザードを使うだけです。しかし、動的なデータに基づいてWebに公開するグラフを作成するのは容易ではありません。入力したデータをグラフ化するオプションは数多くありますが、動的なデータ生成に対応しているものはほとんどありません。
今回の「Five Apps」では、動的なデータから様々な種類のグラフを作成できる無料のウェブベースツールを5つご紹介します。これらのアプリはどれも、ここで紹介しきれないほど豊富なオプションと高度なカスタマイズ機能を備えています。ぜひ各ウェブページをご覧いただき、掲載されているサンプルをご覧いただき、それぞれのツールの威力を実感してください。
注: この記事は、TechRepublic のコラムニスト Tom Merritt がホストする画像ギャラリーおよびビデオとしてもご覧いただけます。
1: amCharts
amCharts（図A）は、このリストにあるツールの中でおそらく最もシンプルなものです。最も一般的な種類のグラフに対する基本的なオプションのみを提供しています。しかし、優れたビジュアルエディタが付属しており、CSV形式のサンプルデータを貼り付け（その後XMLに変換されます）、グラフが形作られる様子を確認しながら設定を調整できます。完了したら、生成されたHTMLコードをページにコピーするだけで、Flashベースのグラフが表示されます。動的なデータを使用する場合は、「chart_data」変数の値を、カスタム生成されたXMLデータセットに置き換えてください。
図A
2: D3.js
D3.js（図B）は単なるグラフ作成アプリケーションではありません。jQueryに似た完全なDOMフレームワークであり、W3C APIに対応し、より扱いやすくなっています。これにより、ほぼあらゆる種類の視覚化を作成できるフレームワークが提供されます。サンプルギャラリーには、基本的なグラフタイプに加えて、インタラクティブなアニメーショングラフ、膨大な種類の特殊な視覚化、さらにはいくつかのグラフィカルゲームまで、豊富なサンプルが用意されています。このフレームワーク向けの開発は、このリストにある他のフレームワークよりも少し複雑ですが、その成果は十分に価値があります。
図B
3: フロット
Flot（図C）は、豊富なオプションを備えたシンプルなjQueryベースのグラフ作成ユーティリティです。静的または動的な折れ線グラフや散布図を作成でき、色、テキスト、その他の要素をカスタマイズできます。さらに、様々なプラグインを使用することで、グラフシリーズの動的な（ダッシュボードのような）有効化/無効化、クリック＆ドラッグによる長方形のズーム、クリックサポート、ツールチップ、パン、サイズ変更などを追加できます。高度な機能としては、プロットポイントシンボルのカスタマイズ、軸のカスタマイズ、データの閾値設定（赤信号 - 緑信号）などがあります。意欲的な開発者は、独自のプラグインを作成してコミュニティと共有することもできます。
図C
4: Googleチャート
Google Charts（図D）は、円グラフ、棒グラフ、折れ線グラフ、ツリーマップなど、様々な種類のグラフを提供するHTML5ベースのAPIです。色、ラベル、グラフィックの外観など、幅広いカスタマイズ可能な属性を備えています。データは、Googleスプレッドシート、Google Fusion Table、Salesforceデータベースなど、AJAXまたはJSONを使用してクエリできるほぼすべてのデータソースから取得できます。しかし、特筆すべき機能はダッシュボードのコントロールセットです。ユーザーは、スライダー、ドロップダウン、その他のコントロールを使用してクエリを絞り込み、表示されるデータを調整できます。さらに、Google Code Playgroundを使用して、グラフやチャートを設計・構築することもできます。
図D
5: ハイチャート
Highcharts（図E ）はHTML5とJavaScriptを使用し、幅広い種類のグラフを提供しています。基本的にすべての一般的なタイプに加え、膨大な数の特殊なタイプも含まれています。JavaScript配列や、JavaScript配列を記述するスクリプトを介して他のデータソースから簡単にグラフを作成できます。Highchartsはラベル、色、テキストの配置などカスタマイズ可能ですが、最も注目すべき機能はそのルックアンドフィールです。Highchartsは高品質な外観を備えており、グラフは描画中に小さなアニメーションを表示します。注目を集めるプレゼンテーションでは、これが役立つでしょう。Highchartsは、グラフやチャートの設計と構築に役立つJSFiddleへのリンクを提供しています。
図E
あなたの選択
他にどんな無料のWebベースのグラフ作成アプリやツールを使ったことがありますか？このリストにあるアプリや他のアプリについてのご意見を、ぜひ下のコメント欄で共有してください。
