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

企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。

エクセルで作成したグラフを貼り付けたりするのも可能ですが…。

今回は、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

デザインblogランキング

コメント 2 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



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

  1. ページが見つかりませんでした – mooco | webdesign Says:

    […] ウェブデザインに使えるチャート・グラフツールいろいろ | DesignWalkerLogo Design: Water | Abduzeedo | Graphic Design Inspiration and Photoshop […]

  2. 2010-7-12~2010-7-16のお気に入り* « WebPocket Says:

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

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ