JavaScriptでグラフを描画する

2020 7/24

2020.07.24 2020.07.25

ブラウザ上にJavaScriptでリアルタイムのグラフを描画する必要が出てきましてライブラリを物色しております。

Arduino IDEのシリアルプロッタみたいなイメージのものをブラウザ上で表現するということですね。

良さげなものは、

の3つ。

Charts.js

一番使われているJavaScriptのグラフのライブラリです。

サンプルも多く出回っており、無難っちゃ無難かと。

リアルタイムグラフを描画するには、chartjs-plugin-streamingなどのプラグインが必要。

かんたんなアニメーションを行ってくれるライブラリ。

簡単にグラフを描画してくれるとのこと。

1秒毎の更新しかしていないという記述をネット上で見つけたが、自分自身で使っていないので不明。

Googleのライブラリ。

結構いろんなことができそうなんですが、若干クセが強い様子。

ドキュメントもてんこ盛りで少しわかりにくかったですが、一番思っていることに近いことができそう。

意外とライブラリはたくさんあるのですが、リアルタイムに針が触れたように描画してくれるものが少なくて、かなり難航しています。

思っている動きをしてくれるように一つづつ試していきたいと思っています。

連休中、フォートナイトをしようと思っていましたが、全然手こずってまして、全くする時間がないのでここまでorz

よかったらシェアしてね！