ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ
October 16, 2007 8:02 AM written by Gen Taguchi

ちょっと調べ物をしていたので結果をシェア。ウェブでかっこいいグラフ(← 主観)を描画するためのライブラリやらテクニックやらのまとめです。

  • FusionCharts Free
  • かっこいいわりにフリーなFLASHによるグラフ描画ライブラリ。データはXMLで記述して呼び出し。高機能な有料版もあります。

    fusioncharts.gif

    » FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications

  • amCharts
  • こちらもFLASHによるグラフ。アニメーションがかっこいい。無料版はこのサイトへのリンクが付きます。それがいやだったら有料版を購入してね、とのこと。

    amcharts.gif

    » amCharts: customizable free flash charts and graphs

  • PHP/SWF Charts
  • こちらもFLASH。いろいろ種類があります。無料版もありますが、グラフをクリックするとこのページに飛んでしまいます。シングルライセンスは$45とのこと。

    phpswf.gif

    » PHP/SWF Charts > Introduction

  • JSChart
  • こちらの日本語の製品。無料版と有料版がありますね。無料版では3つまでしか作れないからあまり実用的ではないかも。ダウンロードするのではなくてASPによる提供なので使いやすそう。

    jschart.gif

    » グラフ作成ソフト - JSChart -

  • Chart Usage
  • MITライセンスのグラフ描画ライブラリ。FLASHではなくてJavascript。表現力は今ひとつですが、Javasciptだけでゴリゴリ書きたいハードコアな人にはいいかも。

    chartusage.gif

    » Chart (WebFX)

  • GraPHPite
  • 名前のまんまですが、PHPでグラフを描画するためのライブラリです。PNGかJpegを吐いてくれるようです。サーバーサイドで一気にやりたいときはいいですね。

    graphpite.gif

    » GraPHPite - Open Source PHP OO Graph Rendering Utility

  • JpGraph
  • こちらは老舗ですね。PHPでグラフを描画してくれます。

    jpgraph.gif

    » JpGraph - PHP Graph Creating Library

  • CSSでグラフを描く方法あれこれ
  • CSS/HTMLを使ってグラフを描く方法は以下によくまとまっています。

    css.gif

    » CSS For Bar Graphs

  • CSSで縦グラフ
  • こちらもCSSによるグラフ描画。縦グラフ(あれ、日本語あってる?)ですね。

    vcssgraph.gif

    » CSS Vertical Bar Graphs

あとはPHPがらみだとGDもありますが、まぁ、それはそれで。ウェブでグラフを使って何かをしたい、という方は参考にしてみてはいかがでしょう。また、他にもこんなのがあるよー、という方は教えてください。

さて、そろそろ何か作らないとな・・・。

■ 追記(10-19-07)

Smashing Magazineでさらに役立ちそうなまとめが・・・。こちらもあわせてどうぞ。

» Charts And Graphs: Modern Solutions | Developer's Toolbox

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

棒グラフですよ、棒グラフ

by T | 2007年10月16日 08:37

棒グラフでは?>縦グラフ

by | 2007年10月16日 08:49

GraPHPiteは2004年にPEARのImage_Graphに統合されてますよん。

by halt | 2007年10月16日 09:37

最後のグラフは縦グラフじゃなくて棒グラフですね。

by Inetgate | 2007年10月16日 11:47

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.34

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.
Firefox meter