JSFiddle - React, Tailwind, and code Playground
by Kai Hendry
HTML
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['line', 'corechart']}]}"></script>
<div id="linechart_material"></div>
JavaScript
google.load('visualization', '1.1', {
packages: ['line']
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('datetime', 'Date');
data.addColumn('number', 'temperature');
data.addColumn('string', 'kernel');
data.addRow([new Date(1434348465000), 37000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434348491000), 38000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434348563000), 40000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434348601000), 41000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434349931000), 50000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434349986000), 45000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350051000), 46000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350123000), 45000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350161000), 47000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350241000), 46000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350281000), 49000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350361000), 49000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350401000), 47000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350461000), 50000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350531000), 45000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350603000), 44000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350641000), 46000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350721000), 45000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350761000), 44000, "4.0.5-1-ARCH"]);
data.addRow([new Date(1434350841000), 42000,...