JSFiddle - React, Tailwind, and code Playground

by jaimem

HTML

<html>
  <head><h1 style="border: 0px none ; margin: 0px; padding-top: 16px; padding-right: 0px; padding-bottom: 0px ! important; padding-left: 10px; font-size: 19px ! important; vertical-align: 
baseline; background-color: rgb(255, 255, 255); font-weight: normal; line-height: .5 ! important; color: rgb(51, 51, 51); font-family:UbuntuBeta,Ubuntu,
Tahoma,sans-serif; font-style: normal; font-variant: normal; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;
">INSTANCIA CUAL ES TU CHIRRIA PUNTO COM<span class="Apple-converted-space"></span></h1><p class="tagline"
 style="border: 0px none ; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 45px ! important; margin-left: 0px; font-size: 16px; vertical-align: baseline; background-color: rgb(255, 255, 255);
  line-height: .5em; color: rgb(51, 51, 51); font-family:UbuntuBeta,Ubuntu,Tahoma,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; 
  letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
  (Información estadística desde 30-10-2012 14:00 hasta 30-10-012 15:00)</p><script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        
        var data1 = google.visualization.arrayToDataTable(
               [['Application','Commit','Concurrency', 'Configuration',
                 'Network','Other','System I/O','User I/O'],
                ['14:00',4.56,4.77,0,1.28,.39,63.16,18.31],
                ['14:01',12.29,0,0,2.21,.01,61.79,4.26],
                ['14:02',5.62,.11,0,1.57,.01,49.44,5.05],
                ['14:03',11.72,0,0,1.16,0,122.26,82.35],
               ...