377
Help us understand the problem. What are the problem?

More than 5 years have passed since last update.

posted at

Organization

チャート、グラフを書くのに良さそうなJavascriptライブラリ6選

Javascriptのライブラリはたくさんあるけれど、いろんな統計分析結果を表示するのに良さそうなライブラリは意外と限られてます。
そんな図/グラフ描画用Javascriptライブラリを画像とともにまとめておきました。

NVD3.js

ライセンス: Apache 2.0

D3.jsで作られたチャート描画用ライブラリ。グニュグニュ動いてカッコいいが複雑なものを使うとバグを踏んだりする。git hub管理されているのでパッチを投げるのは比較的簡単。

nvd3.png

Vis.js

ライセンス: Apache 2.0 / MIT

グラフ理論的なグラフを描くのが主眼のライブラリだが、棒グラフ、折れ線グラフなどは描ける。パイチャートは描けない。

visjs.png

Google Charts

ライセンス: completely free

言わずと知れたGoogle先生のライブラリ。使いやすいが、見慣れているせいか少しダサく感じるのが欠点。GeoChartが書けるのが良い。

google_chart.png

実はもっと複雑なのも書ける
https://developers.google.com/chart/interactive/docs/more_charts

Chart.js

ライセンス: MIT

シンプルなライブラリ

Chartjs.png

HighChart.js

ライセンス: Creative Commons 3.0 (個人利用では無料)
https://shop.highsoft.com/highcharts.html

めちゃくちゃ高いけれど、よく出来ているライブラリ。

Highcharts demos.png

CanvasJS

ライセンス: Creative Commons 3.0 (個人利用では無料)
http://canvasjs.com/license-canvasjs/

HighChartより見劣りはするけれど、基本的なグラフは揃っていて現実的な価格帯のライブラリ。

canvasjs.png

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
377
Help us understand the problem. What are the problem?