JSFiddle - React, Tailwind, and code Playground

by thatdataguyau

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>


    <div id="Excitement" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

    <div id="Tension" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

    <div id="Surprise" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.setOptions({
            colors: ["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9", "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1",'#f788d2',"#a89d9c"]
});

Highcharts.chart("Excitement", {"series": [{"marker": {"enabled": false}, "visible": false, "data": [[6.134351, 0.001294], [31.134352, 0.002015], [56.134352, 0.002593], [81.134352, 0.002911], [106.134352, 0.003013], [131.134352, 0.002976], [156.134352, 0.002849], [181.134352, 0.002725], [206.134352, 0.002678], [231.134352, 0.002642], [256.134352, 0.0025], [281.134352, 0.002261], [306.134352, 0.001996], [331.134352, 0.0017], [356.134352, 0.001349], [381.134352, 0.000999], [406.134352, 0.00073], [431.134352, 0.000548], [456.134352, 0.000402], [481.134352, 0.000271], [506.134352, 0.000174], [531.134352, 0.000123], [556.134352, 9.6e-05]], "name": "2008"}, {"marker": {"enabled": false}, "visible": false, "data": [[2.389795, 0.001168], [27.389795, 0.001832], [52.389795, 0.002301], [77.389795, 0.002595], [102.389795, 0.0029], [127.389795, 0.00326], [152.389795, 0.003498], [177.389795, 0.00345], [202.389795, 0.003159], [227.389795, 0.002843], [252.389795, 0.002639], [277.389795, 0.002447], [302.389795, 0.002111], [327.389795, 0.001647], [352.389795, 0.00119], [377.389795, 0.000826], [402.389795, 0.000569], [427.389795, 0.000388]], "name": "2009"}, {"marker": {"enabled": false}, "visible": false, "data": [[2.236877, 0.001365], [27.236877, 0.002055], [52.236877, 0.002494], [77.236877, 0.002739], [102.236877, 0.002952], [127.236877, 0.003145], [152.236877, 0.003259], [177.236877, 0.003264], [202.236877, 0.003132], [227.236877, 0.002857], [252.236877, 0.002483], [277.236877, 0.00211], [302.236877, 0.001811], [327.236877, 0.001547], [352.236877, 0.001252], [377.236877, 0.000931], [402.236877, 0.00063], [427.236877, 0.000386], [452.236877, 0.000226], [477.236877, 0.000145], [502.236877, 0.000107]], "name": "2010"}, {"marker": {"enabled": false}, "visible": false, "data": [[1.837825, 0.001741],...