ウェブデザインに使えるチャート・グラフツールいろいろ
企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。
エクセルで作成したグラフを貼り付けたりするのも可能ですが…。
今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。
Open Flash Chart
Flashをベースにしたオープンソースのチャートです。バージョン2も公開されて開発が継続されているようです。
flot
jQueryで動作するグラフ描画ライブラリです。
Highcharts – Interactive JavaScript charts for your webpage
こちらもJavaScriptを使って動作するチャートライブラリです。サンプルもとても美しくてチャートの種類も豊富です。
jQuery Sparklines
jQueryを使って、小さめのインラインチャートなどを生成することができます。
XML/SWF Charts
こちらはFlashをベースにしたチャート。その名の通りXMLでデータを取得してSWFで書き出してくれます。
PlotKit – Javascript Chart Plotting
MochiKitを使って動作するチャートライブラリです。
pChart | a PHP Charting library
PHPでグラフを生成してくれるライブラリです。デザイン的にもクールなチャートが作れそうですね。
Protovis
スタンフォード大学が開発しているチャート描画JavaScriptライブラリです。
Axiis : Data Visualization Framework
Flexを使ってチャートを生成するフレームワーク。サンプルの通り複雑なグラフを生成できます。
gRaphaël—JavaScript Library
カラフルで可愛らしいグラフが生成できるJavaScriptライブラリです。
JS Charts
JavaScriptを使って動作するチャートライブラリです。商用利用は有料になります。
jqPlot Charts and Graphs for jQuery
jQueryで動作するチャートプラグイン。
FusionCharts Free
Flashベースのチャートを生成できるオープンソースのコンポーネントです。Flashなので動きもなめらかで綺麗です。
Google Chart Tools
Googleから公開されているチャートツールは、画像チャートとJavaScriptを使って生成するインタラクティブチャートの2種類があります。
milkchart
MooToolsを使って動作するチャートプラグイン。
|
|
|
7月 16th, 2010 at 4:01 AM
[...] ウェブデザインに使えるチャート・グラフツールいろいろ | DesignWalkerLogo Design: Water | Abduzeedo | Graphic Design Inspiration and Photoshop [...]
7月 17th, 2010 at 9:47 AM
[...] ウェブデザインに使えるチャート・グラフツールいろいろ [...]
8月 5th, 2010 at 3:17 PM
ウェブデザインに使えるチャート・グラフツールいろいろ
企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可…