JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.dataviz.min.css">
<div class="mychart"></div>

JavaScript

var data=[{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":0,"color":"#000","count":10,"description":"","index":0,"minuteString":"22/07/2013 00:00","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:00","date":"/Date(1374444000000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":2,"color":"#000","count":51,"description":"","index":1,"minuteString":"22/07/2013 00:02","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:02","date":"/Date(1374444120000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":7,"color":"#000","count":31,"description":"","index":2,"minuteString":"22/07/2013 00:07","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:07","date":"/Date(1374444420000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":10,"color":"#000","count":41,"description":"","index":3,"minuteString":"22/07/2013 00:10","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:10","date":"/Date(1374444600000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":12,"color":"#000","count":15,"description":"","index":4,"minuteString":"22/07/2013 00:12","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:12","date":"/Date(1374444720000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":13,"color":"#000","count":16,"description":"","index":5,"minuteString":"22/07/2013 00:13","trackId":"51c8b506cd776b18701a2314","datestring":"22/07/2013","onlyMinute":"00:13","date":"/Date(1374444780000)/"},{"Id":null,"Date":"/Date(1374444000000+0200)/","Hour":0,"Minute":14,"color":"#000","count":13,"description":"","index":6,"minuteString":"22/07/2013...