フリーで商用利用可能なグラフ描画ライブラリ

スポンサーリンク

こんにちは、しぐれがきです。

自作のWebアプリ作成にあたり、グラフ描画ライブラリを導入しようと考えています。
一応、自作といっても公開も視野に入れたいので、事前に商用利用可能かを調査しました。
せっかく調査したので、本記事で備忘録としてまとめたいと思います。

目次


グラフ描画ライブラリへの要件


■商用利用
・商用利用可能なこと
■デザイン
・デザインが見やすいこと
■グラフの種類
・複数のグラフに対応していること
-棒グラフ
-折れ線グラフ
-円グラフ
-ドットグラフ(分散グラフ)
-曲線グラフ

調査結果

グラフ描画ライブラリ一覧


特定キーワードでググってグラフライブラリをリストアップしました。
調査方法は調査方法を参照

※紹介サイト数は検索結果が重複したものはカウントしてません。

グラフ描画ライブラリのライセンス調査結果


それぞれのWebサイトでライセンスについて調査しました。
結果は以下です。

ライブラリ 無償商用利用 ライセンス形態 補足
1 amcharts
×
①linkware license
②Single website license
③Single App or SaaS website license
④OEM license
①無料だが、グラフの右下がつく
→商用利用不可(ダウンロードパッケージ内のlicence.txtに記載)
②$140,③$900,④$2295(https://www.amcharts.com/online-store/)
2 c3.js
MIT License パッケージ内のc3/LICENSEに記載
3 CanvasJS
×
①Single Developer License
②Team License(upto 5 developers)
③Unlimited Developer License
商用ライセンスがなければ、最大30日間評価目的で使用可能
(https://canvasjs.com/license-canvasjs/)
【Developer License】①$399②$999③$1999
【 Developer License with Priority Support】
①499,②1499,③Please contact for details
→24-hour turnaround time,Unlimited Email based support for one yearなどの特典があるライセンス
4 Chart.js
MIT License パッケージ内のChart.js/LICENSE.mdに記載
5 chartist.js
WTFPL License
MIT License
パッケージ内にAdded dual licensing WTFPL and MIT, built new version
(https://github.com/gionkunz/chartist-js)
6 Google Charts
completely free 商用利用できるみたい
(https://google-developers.appspot.com/chart/interactive/faq#commercialuse)
JavaScript のソースをダウンロードして使用することができない
7 gRaphaël
MIT License “If you need full Excel-like interactivity in a web app, look no further”
エクセル的な感じで使えるかも
グラフライブラリを合わせて使えそう
(https://docs.handsontable.com/pro/1.11.0/tutorial-licensing.html)
8 highcharts
×
①High-five License
②Highcharts – Single Developer License
など
[非商業目的には無償提供]
個人のウェブサイトや、学校サイト、あるいは非営利団体でHighchartsを使用する場合には、無償で利用できます。
商業的なウェブサイトやプロジェクトでご利用の場合には、ライセンスが必要になります。
(http://www.altech-ads.com/Others/Highcharts.htm?gclid=CLOoiPif1MMCFRUGvAodPAEA0g)
①7399円 ②59238円
9 jqplot
MIT License パッケージ内のMIT-LICENSE.txtに記載
10 JSCharts
×
①Non-commercial license(free)
②Commercial license(not free)
②もドメイン数や商用利用するしないで価格が変わる
1ドメインの商用利用は$79
(http://www.jscharts.com/free-download)
11 Morris.js
BSDライセンス パッケージ内のREADME.mdに記載
12 NVD3.js
Apache License, Version 2.0 パッケージ内のLICENSE.mdに記載
13 plotly.js
MIT License パッケージ内のLICENSEに記載
(https://github.com/plotly/plotly.js/blob/master/LICENSE)
14 sigma.js
MIT License パッケージ内のsigma.js/LICENSE.txtに記載
(https://github.com/jacomyal/sigma.js/blob/master/LICENSE.txt)
15 taucharts.js
Apache License, Version 2.0 パッケージ内のlicense.txtに記載
(https://github.com/TargetProcess/tauCharts/blob/master/license.txt)
16 Vis.js
MIT License
Apache License, Version 2.0
ライセンスについて記載
(http://visjs.org/#licenses)
17 YUI Charts
BSDライセンス パッケージ内のyui3/LICENSE.mdに記載
(https://github.com/yui/yui3/blob/master/LICENSE.md)

グラフ描画ライブラリの選定


本章では要件を満たすグラフ描画ライブラリに対して、私自身が使用するグラフ描画ライブラリを1つ選定したので、そのときの観点を紹介したいと思います。

どのライブラリも多数のグラフを利用できそうなので、機能的な差異はほとんどないようです。
思ったより選択肢が残ったので、あとは人気なグラフ描画ライブラリを選ぶことにします。

Google Trendsを調べてみると人気なグラフ描画ライブラリは以下の3つだと分かりました。
・Chart.js
・jqplot
・Google Charts
※その他のグラフ描画ライブラリとの比較はグラフ描画ライブラリのトレンド調査を参照


以下の観点で、グラフ描画ライブラリの選定を行いました。
・Google Chartsは圧倒的に多いが、ダウンロードできないし、サービスが止められると使用もできなくなる
・Chart.jsとjqplotを比較するとChart.jsのほうが右肩上がりで、今後も伸びていきそう

これより、Chart.jsに決定しました。




(補足)グラフ描画ライブラリの調査

調査方法


以下の2パターンの検索キーワードで検索をして、上位4つのWebサイトで紹介しているグラフ描画ライブラリをピックアップします。

検索キーワード

1.「web グラフ ライブラリ」
2.「web グラフ ライブラリ 商用利用可能」


ヒットしたWebサイト

「web グラフ ライブラリ」検索結果



1.paiza開発日誌 JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説!

どうも、まさとらん(@0310lan)です。今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合...

<紹介されているグラフ描画ライブラリ>
・Chart.js
・Canvas.js
・Google Charts
・plotly.js
・taucharts.js
・chartist.js
・c3.js
・sigma.js



2.Qiita JSのグラフライブラリを今選ぶならHighchartsで決まり

. . . **更新記事を書きました。** → . . . グラフライブラリは多種多様に...

<紹介されているグラフ描画ライブラリ>
・highcharts
・jqplot
・amcharts
・chart.js



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

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

<紹介されているグラフ描画ライブラリ>
・NVD3.js
・Vis.js
・Google Charts
・Chart.js
・HighChart.js
・CanvasJS



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

ブラウザ上でグラフを表示するならばJavaScriptやjQueryを使う方法が一般的です。 画像を貼り付けると拡大したら荒くなったり、細かい数値が確認できませんが、JavaScriptを使うとマウスオンした時にデータを表示できたり、とても綺麗にグラフを表示することができます。 グラフを表示するプラグインは山ほどありま...

<紹介されているグラフ描画ライブラリ>
・Chart.js
・Highcharts
・Google Chart Tools
・CanvasJS
・plotly.js
・Morris.js
・jqPlot
・amCharts




「web グラフ ライブラリ 商用利用可能」検索結果



1.Wood-Roots:blog [jQuery/Javascript]商用利用が可能な、グラフを描画するjQueryプラグイン6選

グラフを表示させないといけないという案件が出てきたので、グラフを描画するjQueryプラグインについて調べてみました。グラフ描画用のjQueryプラグインはたくさん見つかりましたが、グラフの描画は難...

<紹介されているグラフ描画ライブラリ>
・Chart.js
・Google Charts
・YUI Charts
・jQPlot
・gRaphaël
・morris.js



2.paiza開発日誌 JavaScriptでグラフ描画入門!全8個のライブラリをコード付きで一挙に解説!
「web グラフ ライブラリ」検索結果のNo.1と同じサイト



3.ウェブと食べ物と趣味のこと 【Webサイト】無料で使えるグラフライブラリ6選

こんにちは。 仕事でウェブサイトにグラフを設置することがあるのですが、割といつも同じライブラリに偏りがちです。 次回使用時の為にどんなものがあるかまとめてみました。 ※個人使用は無料。商用利用有料のものもあり。

<紹介されているグラフ描画ライブラリ>
・amCharts
・HighCharts
・JSCharts
・morris.js
・Google Charts
・Chart.js



4.Qiita JSのグラフライブラリを今選ぶならHighchartsで決まり
「web グラフ ライブラリ」検索結果のNo.2と同じサイト





この章ではGoogle Chartsとjqplotを除くグラフ描画ライブラリに対してChart.jsと比較しました。
※Google Chartsとjqplotについてはグラフ描画ライブラリの選定を参照してください。


Chart.jsと{c3.js,chartist.js,Morris.js,NVD3.js}の比較



Chart.jsと{plotly.js,sigma.js,Vis.js,YUI Charts}の比較



Chart.jsと{gRaphaël,taucharts.js}の比較





まとめ


本記事ではグラフライブラリの特にフリーで商用利用可能かを重点に置いて調査しました。
グラフはWebアプリを作るときに欲しい機能だと思います。
同じように商用利用を考えている場合は、本記事を参考に検討をしてみてください。

以上!

スポンサーリンク

フォローする

スポンサーリンク
Powered by YSKTEC.COM