364
360

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Javascriptで扱えるカッコイイグラフのまとめ

Last updated at Posted at 2012-07-06

結論:Highchart

ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。

1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている
2.複合グラフのアニメーションがかっこいい

商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。

Highchart

表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。

ccchart(canvasChart)

私のイチオシは canvasChart です
ライセンスは PUBLIC DOMAIN!

raphael.js

qiitaのプロフィールの円グラフで使われているjQueryプラグイン
美しめなグラフを作成することができる。
raphael.jsのプラグインのelycharts.js
http://elycharts.com/docs

Google Chart Tools

Google Chart Tools も良いかと思いますが、 3D棒グラフが出来たかどうかが謎です。

僕が自分で使おうと決めたのはこれ。デモを見ただけだと貧弱に見えるのですが、グラフの種類とオプションなど柔軟性があり、アニメーションやドロップシャドウなどもできて、実はHighChart並の表現力と柔軟性があります。オープンソースなので、気軽に使えますし、プログラミングしがいがあります。

SenchaTouch Chats

これも表現力、種類など十分です。ただ円グラフの凡例がちょっと独特だったので、見送りました。

Flot
http://code.google.com/p/flot/
Flotr
http://solutoire.com/flotr/
jqPlot
http://www.jqplot.com
jQuery Sparkline
http://omnipotent.net/jquery.sparkline/
jQuery-Visualize
https://github.com/filamentgroup/jQuery-Visualize
MilkChart
http://mootools.net/forge/p/milkchart
moochart
http://moochart.coneri.se/
MooWheel
http://www.labs.unwieldy.net/moowheel/
PlotKit
http://www.liquidx.net/plotkit/
table2chart
http://mootools.net/forge/p/table2chart
TufteGraph
http://xaviershay.github.com/tufte-graph/
YUI Charts
http://yuilibrary.com/yui/docs/charts/

上記は、html5のユーザーグループへの投稿に対する返信をまとめたものです
https://groups.google.com/forum/?fromgroups#!topic/html5-developers-jp/dmkGbLJ6CAo

364
360
8

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
364
360

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?