JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id="devicegraph" style="width:800px; height:400px;"></div>

JavaScript

var xmlData = '<?xml version="1.0" encoding="UTF-8"?>\n\
<data>\n\
    <server server="PiDome.Server">\n\
        <version major="0" minor="1" build="0" name="octopi" release="dev" />\n\
        <date date="2014-10-14" time="10:56:55" />\n\
        <message></message>\n\
    </server>\n\
        <history>\n\
            <hour><data time="1413273420">16.44</data><data time="1413273480">17.97</data><data time="1413273540">19.47</data><data time="1413273600">21.01</data><data time="1413273660">15.8</data><data time="1413273720">17.34</data><data time="1413273780">18.83</data><data time="1413273840">20.34</data><data time="1413273900">21.84</data><data time="1413273960">16.69</data><data time="1413274020">18.25</data><data time="1413274080">19.73</data><data time="1413274140">21.27</data><data time="1413276000">16.01</data><data time="1413276060">17.52</data><data time="1413276120">18.31</data><data time="1413276180">19.84</data><data time="1413276240">21.35</data><data time="1413276300">16.02</data><data time="1413276360">17.51</data><data time="1413276420">19.05</data><data time="1413276480">20.52</data><data time="1413276540">22.06</data><data time="1413276600">16.84</data><data time="1413276660">18.48</data><data time="1413276720">20.0</data><data time="1413276780">21.76</data><data time="1413276840">16.66</data><data time="1413276900">18.21</data><data time="1413276960">19.72</data></hour>\n\
            <day></day>\n\
            <week></week>\n\
            <month></month>\n\
            <year></year>\n\
        </history>\n\
</data>';

function createUUID() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4";
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
    s[8] = s[13] = s[18] = s[23] = "-";

    var uuid = s.join("");
    return uuid;
}

function padZeros(n){return n<10 ? '0'+n : n;}

/**
 * DeviceGraph classe using...