ウェブ上でチャートを描くための 9 つの優れた JavaScript フレームワーク スクリプト

1.フロート

Flot は、jQuery フレームワークに基づいてチャートを描画するための純粋な JavaScript フレームワークです。クライアント側でさまざまなグラフィックを瞬時に描画・生成できます。重要なのは、使いやすさ（オプション設定が豊富）、魅力的なビジュアル、チャートのズームやマウス トラッキングなどのインタラクティブな機能です。この JavaScript フレームワークは、よく知られている Internet Explorer 6/7/8、Firefox 2.x+、Safari 3.0+、Opera 9.5+、Konqueror 4.x+ ブラウザーに適しています。サンプルチャートを見る

2. JSチャート

JS Chart は、手書きのコーディングをほとんどまたはまったく必要としない、無料の Javascript ベースのチャート ジェネレーターです。 JS Chart を使用すると、追加のプラグインやサーバー側モジュールを使用せずに、クライアント側スクリプト (つまり、ブラウザ側) のみを使用するため、チャート生成タスクを簡単に完了できます。 JS チャート スクリプト、チャート データを含む XML または Javascript 配列を準備するだけで、チャートの準備が完了します。

3.テーブルからチャートへ

TableToChart は、MooTools JS フレームワークをベースにした Web チャート ジェネレーターです。HTML テーブルに含まれる値を使用してグラフィカル チャートを描画します。テーブル タグを使用して、棒グラフ、折れ線グラフ、円グラフを生成できます。

4.プロットキット

PlotKitは、チャートやグラフィックを描画するための JavaScript フレームワークです。 HTML Canvas、Adobe SVG Viewer ベースの SVG、およびローカル ブラウザーをサポートします。

5. Yahoo UI チャートコントロール

YUI Chart Manager は、Web ページ上で縦棒、横棒、折れ線、円グラフなどの形式でグラフを視覚化できます。主な機能には、データソースのサポート、マウスオーバーのデータヒント、結合されたグラフ、スキン機能などがあります。

6.プロトチャート

ProtoChart は、非常に美しいグラフを作成できる Prototype と Canvas に基づいたオープンソース フレームワークです。折れ線グラフ、棒グラフ、円グラフ、曲線グラフ、混合グラフ、面グラフなどの複数のデータを 1 つの統合グラフに接続することをサポートします。 IE6/7、FF2/3、Safariをサポートしており、iPhoneでも動作します。

7. EJSチャート

EJSChart は、マウス トラッキング、マウス イベント、キーボード トラッキングとイベント、ズーム、スクロール、十字線をサポートし、インタラクティブ性を高めて、Web チャートのユーザー エクスペリエンスをより高いレベルに引き上げます。折れ線グラフ、面グラフ、散布図、円グラフ、関数シリーズなど、さまざまなグラフ タイプから選択できます。チャートのあらゆる詳細をカスタマイズできます。

8. fgチャート

fgCharting は、jQuery フレームワークをベースにしたシンプルなチャート ジェネレーターです。さまざまなチャート タイプをサポートし、パラメータをカスタマイズすることもできます。

9.純粋な CSS データチャート

純粋な CSS コードで実装されたこのチャートはいかがですか? すごいと思いませんか? どのように実装されているか知りたいですか?次に、純粋な CSS でグラフを作成する方法に関するこのチュートリアルをご覧ください。

英語原文: Web ページにグラフをプロットするための便利なスクリプト