ウェブデザインに使えるチャート・グラフツールいろいろ

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。 エクセルで作成したグラフを貼り付けたりするのも可能ですが…。 今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。

Open Flash Chart

Flashをベースにしたオープンソースのチャートです。バージョン2も公開されて開発が継続されているようです。

Open Flash Chart

flot

jQueryで動作するグラフ描画ライブラリです。

flot

Highcharts – Interactive JavaScript charts for your webpage

こちらもJavaScriptを使って動作するチャートライブラリです。サンプルもとても美しくてチャートの種類も豊富です。

Highcharts - Interactive JavaScript charts for your webpage

jQuery Sparklines

jQueryを使って、小さめのインラインチャートなどを生成することができます。

jQuery Sparklines

XML/SWF Charts

こちらはFlashをベースにしたチャート。その名の通りXMLでデータを取得してSWFで書き出してくれます。

XML/SWF Charts

PlotKit – Javascript Chart Plotting

MochiKitを使って動作するチャートライブラリです。

PlotKit - Javascript Chart Plotting

pChart | a PHP Charting library

PHPでグラフを生成してくれるライブラリです。デザイン的にもクールなチャートが作れそうですね。

pChart | a PHP Charting library

Protovis

スタンフォード大学が開発しているチャート描画JavaScriptライブラリです。

Protovis

Axiis : Data Visualization Framework

Flexを使ってチャートを生成するフレームワーク。サンプルの通り複雑なグラフを生成できます。

Axiis : Data Visualization Framework

gRaphaël—JavaScript Library

カラフルで可愛らしいグラフが生成できるJavaScriptライブラリです。

gRaphaël—JavaScript Library

JS Charts

JavaScriptを使って動作するチャートライブラリです。商用利用は有料になります。

JS Charts

jqPlot Charts and Graphs for jQuery

jQueryで動作するチャートプラグイン。

jqPlot Charts and Graphs for jQuery

FusionCharts Free

Flashベースのチャートを生成できるオープンソースのコンポーネントです。Flashなので動きもなめらかで綺麗です。

FusionCharts Free

Google Chart Tools

Googleから公開されているチャートツールは、画像チャートとJavaScriptを使って生成するインタラクティブチャートの2種類があります。

Google Chart Tools

milkchart

MooToolsを使って動作するチャートプラグイン。

milkchart

関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です