データ可視化のためのグラフを描画するJavaScriptライブラリ20選

title: データ可視化のためのグラフを描画するJavaScriptライブラリ20選
url: http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/javascript-data-visualization-libs/

snippet:
-----引用-----

1. Highcharts

Highchartsは7つのチャートタイプ（線グラフ、円グラフ、棒グラフ等）を含む数多くの形式と、ズーム機能や各データ点の詳細情報を与えるツールチップ機能などの特徴を備え、近年では最も使えるシーンが豊富なJavaScriptチャート化ライブラリの1つとなっています。このライブラリはカスタマイズのための多数のオプションを持ち、それらが参照がし易いよう1ページ毎にドキュメント化がなされています。

2. gRaphaël

gRaphaëlはベクター描画JavaScriptライブラリであるRaphaël上で動作するチャート化ライブラリです。そのライブラリは複数のサブライブラリに分割されており、興味あるチャートタイプだけダウンロードすればよく、高々12KBのメインライブラリg.raphael.jsと4～8KBのサブライブラリを用いて、Web開発者は軽くて機能豊富なJavaScriptチャートが作成可能となります。

3. JavaScript InfoVis Tookkit

MooToolsの元で動作するチャート化ライブラリであるJavaScript Info Visは、安定かつ優れたデータ可視化機能を提供します。MooTools同様、必要なパーツだけを読み込めば良い様にモジュール化されており、見る者の目を引くよう効果的なアニメーション機能、多数のチャートタイプ、JSONデータとの連携が可能なクラス等の特徴を備えています。

4. jQuery Visualize Plugin

もし既にjQueryを使っているなら、可視化の要求に応えるプラグインとして妥当な性能を持っています。（jQuery UIの開発コアメンバーである）Filamentグループにより開発されたプラグインであるjQuery Visualizeは、HTML5のキャンバス・エレメントを使ってチャートを生成し、それぞれのチャートはカスタマイズのための14のオプション持っています。彼らのオプション設定が可能なデモを試してみるとよいでしょう。

5. moochart

現時点でmoocharはバブルダイアグラムだけしか描画できませんが、今後、MootTools1.2プラグインでは円グラフ、線グラフ、棒グラフが描画できるように拡張される計画があります。このプラグインはグラフの見た目を変えたり、マウスを乗せた時にバブルの詳細情報を提供するツールチップなど14のオプションを持っています。オープンソースでMIT licenseの元にリリースされています。

6. JS Chart

JS ChartはWebデザイナーがJavaScriptの記述方法を学習する時間にあまり多くの時間を割かなくても済むよう、コーディング不要で理想的なチャートを得られることを重視し、簡単な使い勝手を提供しています。JS ChartはWebベースのGUIとチャート化の際にサーバーの負荷を下げるホスティング機能とを提供しており、棒グラフ、円グラフ、線グラフの3つのチャートタイプをサポートしています。

7. dygraphs

dygraphsは時系列データをインタラクティブに扱えるチャートを作成できるJavaScriptライブラリです。このライブラリは（例えば温度変動など）密度の濃いデータセットをプロット可能なように設計されています。例えばチャートにマウスを合わ拡大した時の値を表示することにより、ユーザーが直ぐに時間間隔を特定できるようなユーザーインターフェースのためのオプションを持っています。Google Visualization APIと統合化されています。

8. JSXGraph

JSXGraphはドイツのBayreuth大学で開発されており、ベジェ曲線や微分方程式などのように複雑で幾何学的な図形とデータをプロットするためのスタンドアロンで動作可能なJavaScriptライブラリです。このライブラリはグラフ形状を動かすためのアニメーション機能、変数値を変える実験用のスライダーコンポーネント、多数のチャートタイプの選択機能を持っています。WordPress用のプラグインもあります。

9. Protochart

ProtocharはPrototype.jsのフレームワークを用いたJavaScriptライブラリであり、モダンブラウザ用のHTML5キャンバスとIE用のExCanvas libraryを使用しています。線グラフ、円グラフ、棒グラフ、点グラフ、線＆点グラフ、面グラフの6つのグラフ機能を持っています。チャート上の項目を識別する助けとなる凡例表示のための高い機能設定が特徴です。

10. Bluff

Gruff graphing libraryからJavaScriptへインターフェースする軽量のチャート化ライブラリです。その容量はzgip状態で11KBであり（同じくgzip状態で2.6KBの容量のJS.Classが必要）、驚くことに15の異なるチャートをこのライブラリで描くことが出来ます。ツールチップ、多数のオプション設定、凡例のサポート、そして宣言用の.set_theme手法（？）を特徴としています。

11. Style Chart

Style Chartはホスト上でチャートを作成するための、JavaScriptベースのフリーなチャート化用Webサービス/APIです。また自分のホスト上でチャート化したい場合には、（登録する必要はありますが）ダウンロードも可能です。ツールチップ、凡例、3D円グラフ、3D棒グラフおよびパレートを含む19種類のチャートを設定することが出来ます。

12. jqPlot

jqPlotはChris Leonelloにより開発されたデータ可視化用jQueryプラグインの1つです。オープンソースで、MITとGPL Version2の2種類のライセンス形式で提供されます。チャートをカスタマイズするための多数のオプションを持っていることが特徴です。

13. jQuery Sparklines

jQuery Sparklinesは、動的なスパーク線（小さなインラインチャート）を描くための単純かつ軽量なjQueryプラグインです。その特徴は簡単に利用できることとコーディング量の少なさです。1行のJavaScriptコードで複雑なスパーク線を作成することが出来ます。最小構成でgzip圧縮された場合、プラグインは4.7KBの容量しかなく、ページの応答時間は短くすることが出来ます。

14. jQuery Google Charts

Massimiliano Balestrieriにより開発されたjQuery Google Chart（JGCharts）は、Google Charts APIの元に動作するデータ可視化のjQueryプラグインです。動的に生成される3D円グラフを含み多数のチャートタイプを提供しています。グラフィカルなフロントエンドによりチャート作成を容易にするGUI in development（αリリース）を含んでいます。

15. Canvas Pie Chart with Tooltips

このMooToolsのクラスライブラリ／プラグインは、キャンバス要素に円グラフをプロットします。Stoyan StefanovによるCanvas pieに基づいています。MooTools開発者が円グラフの描画に専念できるよう、単純で直感的なオプションを備えています。

16. TufteGraph

TufteGraphはお手軽さとコンパクトさを特徴としたjQueryプラグインです。スタイリングのための2,3のオプションの代わりにグラフの見た目はCSSでカスタマイズする手法をとっています。これはJavaScriptの実行が少なく、ページのレンダリングが非常に高速になることを意味しています。introduction video to TufteGraphをチェックしてみてください。

17. Timeline

Timelineはインタラクティブなタイムラインを作るJavaScriptウィジェットです。時間順に並べられた項目をマウスホイールでスクロールさせたり、マウスボタンでタイムライン上を左右にドラッグしたりさせることが出来ます。タイムライン上の項目を示す点をクリックすると詳細な情報が現れます。Timelineはオープンソースで、BSDライセンスの元にリリースされます。

18. Protovis

ProtovisはStanford Visualization Groupにより開発されたデータ可視化ライブラリです。動的に可視化するためにJavaScriptとSVGを用いています。BSD licenceの元にリリースされるオープンソースとなっており、ホームページからダウンロードすることが出来ます。

19. milkchart

milkchartはMooToolsが必要なJavaScriptチャート／グラフ化ライブラリです。HTMLデータテーブルを、カラム、棒グラフ、線グラフ、散布図、円グラフ（将来は面グラフにも拡張される計画）の5種類のチャートの1つをHTML5のキャンバス要素上に描画します。Apache Licenseの元でオープンソースとなっています。

20. Timeplot

Timeplotは時系列的なグラフを動的に生成することが出来ます。データ点にマウスをかざすとその値を表示します。TimeplotはMITにおけるSIMILE Projectの一部として開発されました。Timeplotを使用する方法にステップbyステップのチュートリアルがあります。TimeplotはオープンソースでBSD licenseの元に入手することが出来ます。

-----引用-----