SCALE — Build Lab
UI部品 · REACT COMPONENT

レーダーチャート

CATEGORYUI部品 TYPEReact Component EFFORT60〜120分 DIFFICULTY
前提条件
Tailwind CSS v4TypeScript 5
USE CASES
  • 人事評価
  • 商品比較
  • スキルマップ

レーダーチャート

:LiTarget: 用途

多軸で能力やスコアを多角形で可視化。Recharts利用。

:LiSparkle: 特徴

  • 多軸プロット
  • 複数データ重ね描画
  • ツールチップ

:LiHandPointer: 使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

:LiAlertCircle: 注意事項

  • 依存パッケージを忘れず追加