JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
<div class="container-fluid">
  <div class="row text-center" style="overflow:hidden;">
		<div class="col-sm-3" style="float: none !important;display: inline-block;">
			<label class="text-left">Top Radius:</label>
			<input class="chart-input" data-property="topRadius" type="range" min="0" max="1.5" value="1" step="0.01" />
		</div>

		<div class="col-sm-3" style="float: none !important;display: inline-block;">
			<label class="text-left">Angle:</label>
			<input class="chart-input" data-property="angle" type="range" min="0" max="89" value="30" step="1" />	
		</div>

		<div class="col-sm-3" style="float: none !important;display: inline-block;">
			<label class="text-left">Depth:</label>
			<input class="chart-input" data-property="depth3D" type="range" min="1" max="120" value="40" step="1" />
		</div>
	</div>
</div>

CSS

#chartdiv {
	width		: 100%;
	height		: 200px;
	font-size	: 11px;
}
a {
display: none!important;
}
.container-fluid {
display: none;
}

JavaScript

var chart = AmCharts.makeChart("chartdiv", {
    "theme": "none",
    "type": "serial",
	"startDuration": 2,
    "dataProvider": [{
        "country": "США",
        "visits": 612.5,
        "color": "#FF0F00"
    }, {
        "country": "Китай",
        "visits": 126,
        "color": "#FF6600"
    }, {
        "country": "Россия",
        "visits": 77.6,
        "color": "#FF9E01"
    }, {
        "country": "Саудовская Аравия",
        "visits": 56.7,
        "color": "#FCD202"
    }, {
        "country": "Англия",
        "visits": 53.6,
        "color": "#F8FF01"
    }, {
        "country": "Япония",
        "visits": 49.1,
        "color": "#B0DE09"
    }, {
        "country": "Индия",
        "visits": 46,
        "color": "#04D215"
    }, {
        "country": "Германия",
        "visits": 45,
        "color": "#0D8ECF"
    }, {
        "country": "Франция",
        "visits": 43,
        "color": "#0D52D1"
    }, {
        "country": "Италия",
        "visits": 34,
        "color": "#2A0CD0"
    }, {
        "country": "Южная Корея",
        "visits": 33.7,
        "color": "#8A0CCF"
    }, {
        "country": "Украина",
        "visits": 2.4,
        "color": "#000000"
    }],
    "valueAxes": [{
        "position": "left",
        "axisAlpha":0,
        "gridAlpha":0         
    }],
    "graphs": [{
        "balloonText": "[[category]]: <b>[[value]]</b>",
        "colorField": "color",
        "fillAlphas": 0.85,
        "lineAlpha": 0.1,
        "type": "column",
        "topRadius":1,
        "valueField": "visits"
    }],
    "depth3D": 40,
	"angle": 30,
    "chartCursor": {
        "categoryBalloonEnabled": false,
        "cursorAlpha": 0,
        "zoomable": false
    },    
    "categoryField": "country",
    "categoryAxis": {
        "gridPosition": "start",
        "axisAlpha":0,
        "gridAlpha":0
        
    },
     "exportConfig":{
		"menuTop":"20px",
        "menuRight":"20px",
         "menuItems": [{
        "icon":...