Google Chart API

言わずもがな、です。
カッコいいグラフを描くとき、試してみたら有料だった。。。なんて話は、実際にありましたからね。

描画が重い！
もちろん、使ったライブラリのVersionやらブラウザの種類、ブラウザのversion、一概には言えませんが、筆者の環境では描画がえらく重かったです。

jsでグラフ描くなら、アニメーションをつけたかったな・・・・・
最新のversionには入っているのかな。。。。？

D3.js

D3.jsのポイントは、これに尽きると言って過言ではないのではないでしょうか。
書けるグラフの種類や、細かなチューニング。何でもできちゃいそうです。

htmlファイルにこれだけ書けば、書きたい全てのグラフが描けます。

<script src="https://d3js.org/d3.v4.min.js"></script>

他のライブラリだと、書きたい機能によってjsファイルを事細かにimportしないと行けなかったりしますが、
この一行で一通り使えるというのは気が楽ですね。

ちょっとグラフを描ければいい。。。。と思っているだけなら、
D3.jsより他のライブラリのほうが導入が簡単な面があります。
要するに、よほど確信をもってD3.jsのこのグラフを描きたいんだ！と思わないと、大変かも。

でも、グラフはカッコいいよね。。。

こんなの描くことあるかな・・・・というサンプルたち。
それよりも、動かすための実際のコードと並べておいてほしい。

D3.jsは敷居が高いな・・・と思ったらC3.jsですね。
D3.jsの機能を全部使えるわけではないですが、わかりやすい使い方で、使い始める敷居が低くなります。

不勉強だったら申し訳ないのですが、D3.jsのいろいろな種類のグラフ、
全てを使えるわけではなさそうでした。

今日はここまで。