レーダーチャート描画

質問者

レーダーチャートとは

回答者

・レーダーチャートは、複雑なデータを視覚化するのに役立つ強力なデータ視覚化ツールの1つです。
・レーダーチャートの重要な要素は、中心、放射軸、軸ラベル、スケール、グリッド線、データポイント、データ線、塗りつぶしの色です。

レーダーチャートとは

Key Difinitions

Key Difinitions

Excelを使う

Excelでレーダーチャートが簡単に作れます。

1. Excel

Chart.jsを使う

JavaScript でグラフ(チャート)を描画するためのライブラリです。

2. JavaScript

<div>
  <canvas id="myChart"></canvas>
</div>
</body>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<script>
var ctx = document.getElementById("myChart");
var myRadarChart = new Chart(ctx, {
  //グラフの種類
  type: 'radar',
  //データの設定
  data: {
    labels: ["判断力", "遂行力", "計算力", "記憶力", "言語力"],
    datasets: [{
      label: '項目',
      //グラフのデータ
      data: [4, 3, 2, 4, 5],
      // データライン
      borderColor: 'mediumblue',
    }],
  },
  //オプションの設定
  options: {
    scales: {
      r: {
        //グラフの最小値・最大値
        min: 0,
        max: 5,
        ticks: {
        	stepSize: 1, // 目盛間隔
        },
        //背景色
        backgroundColor: 'white',
        //グリッドライン
        grid: {
          color: 'gray',
        },
        //アングルライン
        angleLines: {
          color: 'mediumblue',
        },
        //各項目のラベル
        pointLabels: {
          color: 'mediumblue',
        },
      },
    },
    plugins: {
    	legend: {
        	display: false, // 凡例を非表示
        },
    },
  }, 
});
</script>

matplotlibを使う

Matplotlibは、PythonおよびNumPyのためのグラフ描画ライブラリです。

3. Python

import matplotlib.pyplot as plt
import japanize_matplotlib
import numpy as np

values = [1, 2, 3, 4, 5]
angles = np.linspace(0, 2 * np.pi, len(values) + 1)
labels = ['a', 'b', 'c', 'd', 'e']

values.append(values[0])

fig = plt.figure()
ax = fig.add_subplot(111, polar = True)

ax.plot(angles, values)

ax.fill(angles, values, alpha=0.2)
ax.set_thetagrids(np.degrees(angles[:-1]), labels, fontsize=15)

ax.set_theta_zero_location("N")
ax.set_theta_direction(-1)

ax.tick_params(labelsize=15)

ax.set_title('タイトル', fontsize=20)
plt.savefig("sin.png")
plt.show()