yubachiri https://blog.hatena.ne.jp/yubachiri/ もふもふ技術部 https://www.mof-mof.co.jp/tech-blog/ React JavaScript Recharts 今回は、Reactでチャートを描画するライブラリ、Rechartsを使ってレーダーチャートを描画します。 早速余談ですが地名からじゃんけん力を算出してじゃんけんできるサービスをつくりました。グー力(りょく)とかが算出されます。残念ながら対人戦はできません。 https://next-fws.vercel.app が、こんな数字見せられても心底意味がわからないのでRechartsを使ってレーダーチャートで表現することにします。チャートにしたところで意味がわからないことに変わりはないのですが。 導入 描画 実データを入れて描画する まとめ 導入 Reactでチャートを描画できるライブラリはいろいろ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Frecharts-radar-chart" title="【Recharts】Reactでレーダーチャートを描画する - もふもふ技術部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mofmof-inc/20240128/20240128201540.png Hatena Blog https://hatena.blog 2021-04-14 00:00:00 rich https://www.mof-mof.co.jp/tech-blog/recharts-radar-chart 1.0 100%