JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<div id="container" style="position:relative;">
    <div id="chart">
    </div>
    <div id='loading'>
    </div>
</div>

CSS

#loading 
{
    top:100px;
    left:300px;
    position:absolute;
    background-image: url('http://www.myrvlink.com/images/LoadingProgress.gif');
    width:200px;
    height:200px;
    background:#000;
}

JavaScript

$("#chart").kendoChart({  
   dataBound: dataBound,       
    dataSource: {
        transport: {
            read: {
                url: "/echo/json/",               
                dataType: "json",
                type: "POST",
                data: {  
                    delay: 2,                                        
                    json: JSON.stringify([
                    {
                        "year": "2008",
                        "unit": "GWh",
                        "solar": 2578,
                        "hydro": 26112,
                        "wind": 32203,
                        "nuclear": 58973
                    }, 
                    {                   
                        "year": "2007",
                        "unit": "GWh",
                        "solar": 508,
                        "hydro": 30522,
                        "wind": 27568,
                        "nuclear": 55103
                    },
                    {
                        "country": "Spain",
                        "year": "2006",
                        "unit": "GWh",
                        "solar": 119,
                        "hydro": 29831,
                        "wind": 23297,
                        "nuclear": 60126
                    }
                    ])
                }
            }
        },
        sort: {
            field: "year",
            dir: "asc"
        }
    },
    title: {
                text: "Spain electricity production (GWh)"
            },
            legend: {
                position: "top"
            },
            seriesDefaults: {
                type: "line"
            },
            series:
            [{
                field: "nuclear",
                name: "Nuclear"
            }, {
                field: "hydro",
                name: "Hydro"
            }, {
                field: "wind",
                name: "Wind"
            }],
            categoryAxis: {
                field: "year",
    ...