Edited at

グラフ描画にオススメなJavaScript Package

More than 1 year has passed since last update.

最近扱ってるデータの可視化を模索してます。

その中でのオススメなJavaScript Packageを以下に紹介していきます。


amcharts


  • http://www.amcharts.com/

  • MicroSoftやAmazonも使用していライブラリ。

  • ここで紹介する中でも一番多機能だと思います。デザインもフラットできれいなのでチャート単体でも映えるので、色々なところに使えそうです。


Chart.js


  • http://www.chartjs.org

  • HTML5 canvasベースのJSライブラリ。フラットなグラフをかける。

  • MIT License [2016/05/03追記]




HighCharts.js


  • http://www.highcharts.com/

  • ベクターデータ形式でグラフ描画できる。
    とにかく綺麗。オプションしだいで細部までいじれるので好き。
    Gemもあるのでとにかく便利です。
    lazy_high_charts
    このGemを使う際はController上に直接書くとControllerをかなり汚すのでHelper化してしまいましょう。
    [追記]商用に限り有料


Raphaël—JavaScript Library


  • http://raphaeljs.com/

  • Qiitaで使用されているらしいJSライブラリ。可愛いグラフをかける。


D3.js


  • http://d3js.org/

  • グラフ描画ももちろんできるが、専門は情報可視化。インフォグラフィクスとかもできちゃいますよ。


C3.js [2016/05/03追記]


  • http://c3js.org/

  • D3.jsを元にした扱いやすいチャートパッケージ