JavaScript

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

More than 5 years have passed since last update.


結論:Highchart

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

1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている

2.複合グラフのアニメーションがかっこいい

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


Highchart

http://www.highcharts.com/


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



ccchart(canvasChart)

http://jsgt.org/c/


私のイチオシは canvasChart です

ライセンスは PUBLIC DOMAIN!



raphael.js

http://raphaeljs.com/


qiitaのプロフィールの円グラフで使われているjQueryプラグイン

美しめなグラフを作成することができる。

raphael.jsのプラグインのelycharts.js

http://elycharts.com/docs



Google Chart Tools

https://developers.google.com/chart/


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

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



SenchaTouch Chats

http://extjs.co.jp/products/touch/


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


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