DevToolBox

SVG レーダーチャート生成

多角形レーダーチャートをSVGで生成。データポイント・色・透明度をカスタマイズ可能。

使用例

  • • ゲームキャラクターのステータス表示
  • • 製品の特性比較
  • • スキル評価の可視化
  • • 複数指標の総合評価

レーダーチャートとは?

レーダーチャート(スパイダーチャート)は、複数の指標を多角形で表現するグラフです。 各軸が一つの指標を表し、中心からの距離で値の大きさを示します。

特徴

  • 複数の指標を一目で比較可能
  • バランスや偏りを視覚的に把握
  • 3〜10個程度の指標に最適
  • SVGなのでスケーラブルで軽量