<div id="microservices"></div>
  
    <script src="https://rawcdn.githack.com/kolektiv/maturity-radar/master/dist/radar.js"></script>
    <script>
      radar.show('#microservices', {
        size: 300,
        curve: true,
        metrics: [
          {
            name: "HP",
            range: [
              "50",
              "100",
              "150",
              "200"
            ],
            target: 2,
            actual: 1
          },
          {
            name: "攻撃力",
            range: [
              "100",
              "200",
              "300",
              "400"
            ],
            target: 3,
            actual: 2
          },
          {
            name: "防御力",
            range: [
              "100",
              "200",
              "300",
              "400"
            ],
            target: 2,
            actual: 0
          },
          {
            name: "素早さ",
            range: [
              "10",
              "20",
              "30",
              "40"
            ],
            target: 3,
            actual: 2
          },
          {
            name: "運",
            range: [
              "1",
              "2",
              "3",
              "4"
            ],
            target: 2,
            actual: 1
          }
        ]
      });
    </script>

div{text-align:center;}