<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<style>
body {
  background-color: #FFFFFF;
}
</style>
<script>
FusionCharts.ready(function () {
    var deforestationChart = new FusionCharts({
        type: 'column3d',
        renderAt: 'chart-container',
        width: '100%',
        height: '450',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Countries with Highest Deforestation Rate",
                "subCaption": "2016 - 2017",
                "yAxisName": "Deforested Area{br}(in Hectares)",            
                "numDivLines": "5",
                "showValues": "0",
                "rotateLabels": "1",
                "slantLabels": "1",
                "plotSpacePercent": "40",
                "paletteColors": "#81BB76",
                "columnHoverAlpha": "80",
                "canvasBaseDepth": "5",
                "showBorder": "0",
                "showYAxisLine": "0",
                "canvasBorderAlpha": "100",
                "yAxisValuesPadding": "10",
                "showLimits": "0",
                "divlineColor": "#994d00",
                "divLineIsDashed": "1",
                "divLineDashLen": "5",
                "theme":"hulk-light"
            },            
            "data": [
                {
                    "label": "Brazil",
                    "value": "1466000"
                }, 
                {
                    "label": "Indonesia",
                    "value": "1447800"
                }, 
                {
                    "label": "Russian Federation",
                    "value": "532200"
                }, 
                {
                    "label": "Mexico",
                    "value": "395000"
                }, 
                {
                    "label": "Papua New Guinea",
                    "value": "250200"
                }, 
                {
                    "label": "Peru",
                    "value": "224600"
                }, 
                {
                    "label": "U.S.A",
                    "value": "215200"
                }, 
                {
                    "label": "Bolivia",
                    "value": "135200"
                }, 
                {
                    "label": "Sudan",
                    "value": "117807"
                }, 
                {
                    "label": "Nigeria",
                    "value": "82000"
                }
            ]
        }
    }).render();
});
</script>
</head>
<body>
<div id="chart-container">FusionCharts will render here</div>
</body>
</html>