- 追加された行はこの色です。
- 削除された行はこの色です。
*JavaScriptで描画する各種チャート雑感
**[[Chart.js>http://www.chartjs.org/]]
最近知ってあまり試してませんが、一見良さそうです。~
~
良い点
-デフォルトで落ち着いた色のデザイン
-アニメで表示される
リンク
-[[絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp>http://startapp.jp/2013/07/21/how-to-create-flat-chart.html?utm_source=twitterfeed&utm_medium=twitter]]
**[[ccchart>http://jsgt.org/c/]]
JavaScript書籍でも有名な高橋 登史朗氏が作成~
~
良い点
-JavaScriptファイルが１つで導入しやすい
-サンプルが豊富でカスタマイズしやすい
-横軸に基準線を引いたり、複合したチャートを作れる
-タッチするとポップアップで内容を表示可能（残念ながらドラッグしたときに表示されないので、スマホで少し操作しにくい）
-タッチするとグラフがフリップして切り替わる表示も可能
悪い点
-折れ線、棒グラフ以外のグラフ種類が少ない
-デフォルトの影などのコントラストが大きい（黒系の背景だとサンプルも多く良さそう、逆に白系の背景は工夫する必要があるかも）
リンク
-[[ccchart Reference PDF>http://jsgt.org/c/doc/ccchart-0931.pdf]] ... パラメータ一覧
**[[jqPlot>http://www.jqplot.com/index.php]]
割りと有名なjQuery上で動くグラフ描画ライブラリ(jQuery Mobileからも使えます)
良い点
-デフォルトの白系統の背景で、抑え目の色使いが自然
-グラフをアニメ描画できる
悪い点
-タッチしてポップアップ表示などは対応してなさそう
-[[Raphael.js>http://raphaeljs.com/>]]
良い点
-チャート以外でもiPadでタッチ操作可能な各種描画サンプルが豊富
-カラーピッカーはタッチでとても操作しやすかった
-ドラッグ可能な相関図も描画可能
-イージングサンプルも有る
悪い点
-グラフの機能は他と比べて少ない
**-[[Highcharts JS>http://shop.highsoft.com/highcharts.html]]
とても高機能で使いやすいが有償
良い点
-見た目が自然
-機能が豊富
-iPadのドラッグに対応してグラフの値をポップアップ表示可能
悪い点
-有償
**[[elycharts>http://elycharts.com/]]
MIT licenseのJavaScriptチャート描画ライブラリ
良い点
-描画開始時のアニメ表示可能
-マウスオーバーで頂点などの情報が表示される
-タッチするとポップアップで内容を表示可能（残念ながらドラッグしたときに表示されないので、スマホで少し操作しにくい）
悪い点
-影などが付いてなく、図がペタっとした印象
**[[JustGauge>http://www.justgage.com/]]
半円形のスピードメーターのようなグラフがアニメ付きで描けます。
**[[CanvasJS>http://canvasjs.com/]]
**[[polychart.js>http://polychartjs.com/]]
*リンク
-[[jlord/sheetsee.js>https://github.com/jlord/sheetsee.js]] ... Googleスプレッドシートをデータベースとして、テーブルやグラフを表示するJavaScriptライブラリ
-[[Titanium Mobileでグラフを描画 | もふもふ部@CAW>http://j-caw.co.jp/blog/?p=130]]
-[[Place.Me Infographics: d3 implementation" D3.jsで作成されたインフォグラフィック>http://h4rrydog.github.io/placeMe/]]
-[[D3.jsを学習する際に見ると良いドキュメント>http://qiita.com/awakia/items/8d2192fa842ae3079589]]
-[[Mozanit Works Engineering>http://mozanitworks.blogspot.jp/2012/08/web4_20.html]] ... JavaScriptチャート描画ライブラリ比較記事
-[[20 POPULAR JAVASCRIPT CHARTS AND GRAPHICS LIBRARY>http://www.freshdesignweb.com/popular-javascript-charts-graphics-library.html]]
