Reactで作られたサービスにグラフなどで統計データを表示したいときにおすすめのライブラリ 5選

Reactで作られたサービスにグラフなどで統計データを表示したいときにおすすめのライブラリ 5選

現在仕事でReact + Redux サービスのフロントエンドエンジニアとして運営に携わっています。B to Bサービスなのですが、この度管理画面上でグラフなどで統計データ・分析データを表示させることになりまして、良さそうなライブラリをいくつかピックアップしたのでご紹介します。

Recharts

サービスではおそらくこれを使うと思います。一番良さそう。

http://recharts.org/

これの使い方を説明してくれています。結構簡単にできそうなのでいいですね。

React.jsでグラフを描いてみたかったのでrechartsを試してみた - Qiita

react-chartjs-2

http://gor181.github.io/react-chartjs-2/

React Charts & Graphs – FusionCharts

http://www.fusioncharts.com/react-charts/#/demos/ex1

react-easy-chart

https://www.npmjs.com/package/react-easy-chart

https://reactcommunity.org/react-chartjs/index.html

https://reactcommunity.org/react-chartjs/index.html

まとめ

結構、種類が多かったのでびっくりしましたが、GitHub のstarなどを見る限り「Recharts」一択感がありますね。基本的な使い方としてはどれもそこまでの差は無さそうに感じました。
サービスにも「Recharts」を使おうかなと思っています。実際にやり始めるのは年末くらいからなので、来年あたりに使い方などご紹介できたらなーと思います。

オススメの本



WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用

イチからわかる!Reactの仕組みと使い方UIコードの再利用化と速度向上を図る!Reactのコンセプト、コンポーネント、JSX、活用テクニック、一歩進んだ使い方を解説!

イチマルニデザインブログをフォローしよう

イチマルニデザインブログではTwitterアカウントでWebに関する情報をつぶやいています。フォローすることで最新情報をすぐに受け取ることができます

同じカテゴリーの記事

ページの先頭へ