JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/radar.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

var chart = AmCharts.makeChart( "chartdiv", {
  "type": "radar",
  "theme": "none",
  "dataProvider": [ {
    "name": "Item 1",
    "value": 5,
    "name2": "Novo Item 1",
      "value2": 2
  }, {
    "name": "Item 2",
    "value": 5,
    "name2": "Novo Item 2",
      "value2": 2
  }, {
    "name": "Item 3",
    "value": 5,
    "name2": "Novo Item 3",
      "value2": 2
  }, {
    "name": "Item 4",
    "value": 5,
    "name2": "Novo Item 4",
    "value2": 2
  }],
  "valueAxes": [ {
    "axisTitleOffset": 20,
    "minimum": 0,
    "axisAlpha": 0.15,
    "inside": true
  } ],
  "startDuration": 2,
  "graphs": [ {
      "balloonText": "[[name]] : [[value]]",
    "bullet": "round",
    "valueField": "value"
  } ,{
      "balloonText": "[[name2]] : [[value2]]",
    "bullet": "round",
    "valueField": "value2"
  } ,],
  "categoryField": "name",
  "export": {
    "enabled": true
  }
} );