JSFiddle - React, Tailwind, and code Playground

by iamjpg

HTML

<script src="http://cdn.kendostatic.com/2015.1.408/js/kendo.all.min.js">
    
</script>
<div id="chart-container">
    <div id="chart"></div>
    <button class='export-pdf k-button'>Save as PDF</button>
</div>

CSS

html {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#chart-container {
    position: relative;
}
button {
    position: absolute;
    bottom: 10px;
    right: 0;
}

JavaScript

var stats = [{
    x: 0,
    y: 200
}, {
    x: 1.69873026677616,
    y: 399.992440081194
}, {
    x: 3.00217915242074,
    y: 599.98799853571
}, {
    x: 3.85446249323765,
    y: 799.986136830373
}, {
    x: 5.4658456244775,
    y: 999.977901038699
}, {
    x: 3.26067838482256,
    y: 1494.94787950881
}, {
    x: -4.07983548814565,
    y: 1934.87946942842
}, {
    x: -11.028398407264,
    y: 2410.82358594718
}, {
    x: -21.9927517170883,
    y: 2888.68253663905
}, {
    x: -27.0849827521949,
    y: 3110.61702838297
}, {
    x: -35.5432835311761,
    y: 3617.53980982726
}, {
    x: -44.9273589767779,
    y: 4117.44303350758
}, {
    x: -51.1971090297434,
    y: 4459.34506719513
}, {
    x: -51.8872931421473,
    y: 4555.24791748882
}, {
    x: -51.598755733946,
    y: 4650.04918352791
}, {
    x: -50.8813226559852,
    y: 4744.81222504339
}, {
    x: -49.5763100824706,
    y: 4839.48328526085
}, {
    x: -47.7394039565635,
    y: 4934.03808191687
}, {
    x: -45.576534384839,
    y: 5028.59278430756
}, {
    x: -43.1656818185088,
    y: 5123.06223319833
}, {
    x: -40.3358312611688,
    y: 5217.3220500808
}, {
    x: -37.4047757912548,
    y: 5312.48975859207
}, {
    x: -34.8411985153912,
    y: 5406.70919610575
}, {
    x: -31.7675685668149,
    y: 5500.94069948881
}, {
    x: -28.1520447338376,
    y: 5595.19155765681
}, {
    x: -24.7232942482194,
    y: 5689.48339987795
}, {
    x: -22.2656618446953,
    y: 5759.01226520376
}, {
    x: -21.5198315095716,
    y: 5789.78909807744
}, {
    x: -21.9557089528141,
    y: 5821.40209210605
}, {
    x: -24.3395064023395,
    y: 5852.6753635139
}, {
    x: -28.8295286543226,
    y: 5882.54389628172
}, {
    x: -35.831064684621,
    y: 5912.57171676137
}, {
    x: -45.3835832216937,
    y: 5941.38839037362
}, {
    x: -56.9365953095347,
    y: 5969.50399510795
}, {
    x: -69.4364802460112,
    y: 5996.58604551213
}, {
    x: -84.3644641191209,
    y: 6023.73381683268
}, {
    x: -101.557206031036,
    y:...