試してみるライブラリ3つ

まず、使ってみようと思ったのは以下の3つです。

まず、Chart.jsとD3.jsに関しては有名なライブラリでWeb上の情報も多いのでとりあえず試してみることにしました。

Chart.jsは日本語ドキュメントが充実しているのと、vue-chartjsというVue.jsのラッパーがあるのも個人的には嬉しいポイントでした。

D3.jsは理解すればグラフやチャートだけではなく、データのビジュアライズで活用する場面が多そうです。

CHARTIST.JSはグラフ描画のライブラリの中では比較的軽量(圧縮版で40KB)というところとCSSでカスタマイズしやすそうなのが気になったので選びました。

使わないことにしたライブラリ

使わないと言っても、案件や仕様など状況次第で変わる可能性はあるのであくまで今回はという話です。

予算の厳しい案件だったので、商用利用で有料になるものは選択肢から外しました。

ただ、有料のものはやはりクオリティは高そうなので機会があれば使ってみたいです。

D3.jsのラッパーも多かったのですが、D3.jsと一緒に読み込むとファイルサイズが400KB以上になってしまうというところで候補から外しました。
あと、これらを覚えるよりかはD3.jsで頑張れば同じようなことができるかなという短絡的な考えもちょっとあります。

多機能なものがファイルサイズが大きくなってしまうのはしょうがないのですが、今回はそんなに多機能なものを求めていないというところもあり、ライブラリ単体で300KBを超えるようなものは選択肢から外しました。

Google Chartsは書き方が独特だったのでちょっと学習コスト高そうだなというところで除外しましたが、これも機会があれば触りたいです。

JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！
チャート、グラフを書くのに良さそうなJavascriptライブラリ6選
 【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選