JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.dataviz.material.min.css" />

    <script src="http://cdn.kendostatic.com/2015.1.429/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script>

<div id="example">
    <div class="demo-section k-content">
        <div id="chart"></div>
    </div>

JavaScript

var data = [
    {
        "series": "item1",
        "category": "1970",
        "value": 85
    },
    {
        "series": "item2",
        "category": "1970",
        "value": 92
    },
        {
        "series": "item3",
        "category": "1970",
        "value": 98
    },
    {
        "series": "item4",
        "category": "1970",
        "value": 104
    },
        {
        "series": "item5",
        "category": "1970",
        "value": 54
    },
    {
        "series": "item1",
        "category": "1975",
        "value": 49
    },
    {
        "series": "item2",
        "category": "1975",
        "value": 50
    },
        {
        "series": "item3",
        "category": "1975",
        "value": 55
    },
    {
        "series": "item4",
        "category": "1975",
        "value": 56
    },
        {
        "series": "item5",
        "category": "1975",
        "value": 95
    },
];
function createChart() {
    
    var theDataSource = new kendo.data.DataSource({
            data: data,
            group: {
                field: "series"
            },
            sort: {
                field: "category",
                dir: "asc"
            }
        });
            $("#chart").kendoChart({
                 title: {
                    text: "World population by age group and sex"
                },
                dataSource: theDataSource,
                theme: "Metro",
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "column",
                     stack: true,
                },                             
               series: [{
                    type: "column",
                    field: "value",
                    stack: true,
                    name: "#= group.value #",
                    highlight: {
                        visible: false,
                    }
                }],
                valueAxis: {
                   ...