JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div class="section-title"><h1>Current Year - Visits</h1></div>
    <div id="visits-recent" class="graph"></div>
<div class="info">*Months and weeks are measured as 30 and 7 day intervals respectively, with all statistics moving backward from today's date.</div>
    <div id="visits-all" class="graph"></div>
    <div id="visits-month-current"></div>
    <div id="visits-week-3-months" class="graph"></div>
<div class="info">*Weeks are measured as 7 day intervals that begin on Monday - the dates listed are NOT the corresponding Mondays beginning each week due to inability to reference days. A buffer at the beginning and end of the hAxis helps align things to cover the entire weeks as accurately as possible though.<br>If you prefer, I can change the labels to represent the weeks by number - for instance, August 1st falls within the 35th week of 2015.</div>
    <div id="visits-months-year-current" class="graph"></div>

CSS

.info {position:relative; top:-50px; font-size:9px; text-align:center;}
.graph {height: 600px;}
.section-title {text-align:center;color:#666;font-variant:small-caps;}

JavaScript

google.load('visualization', '1.0');
    function drawVisualization() {
      var data = google.visualization.drawChart({
         "containerId": "visits-recent",
         "dataSourceUrl": "https://docs.google.com/spreadsheets/d/1jICOBDvZzRxEThcWqnpFmNLUqjVP81Zd9RTwpbG29cE/gviz/tq?sheet=Data&headers=1&range=I3:K7&pub=1",
         "refreshInterval": 20,
         "chartType": "ColumnChart",
         "options": { "title" : "Recent Visits",
            "vAxis":{"format" : "####"},
			"legend" : {"position" : 'top', "maxLines" : 3}
                    }
       });
        
              var data2 = google.visualization.drawChart({
         "containerId": "visits-all",
         "dataSourceUrl": "https://docs.google.com/spreadsheets/d/1jICOBDvZzRxEThcWqnpFmNLUqjVP81Zd9RTwpbG29cE/gviz/tq?sheet=Data&headers=1&range=I9:K10&pub=1",
         "refreshInterval": 20,
         "chartType": "ColumnChart",
         "options": { "title" : "Total Visits (2015+)",
            "vAxis":{"format" : "####"},
			"legend" : {"position" : 'top', "maxLines" : 3}
                    }
       });
         var data3 = google.visualization.drawChart({
         "containerId": "visits-month-current",
         "dataSourceUrl": "https://docs.google.com/spreadsheets/d/1jICOBDvZzRxEThcWqnpFmNLUqjVP81Zd9RTwpbG29cE/gviz/tq?sheet=Data&headers=1&range=I26:K57&pub=1",
         "refreshInterval": 20,
         "chartType": "LineChart",
         "options": { "title" : "Daily Visits - Current Month",
            "vAxis":{"format" : "####"},
            "hAxis":{"slantedText" : true, "slantedTextAngle" : 45, "format" : "M/d", "showTextEvery" : 7, "gridlines" : {"count": 31}},
			"legend" : {"position" : "top", "maxLines" : 1}
                    }
       });
         var data4 = google.visualization.drawChart({
         "containerId": "visits-week-3-months",
         "dataSourceUrl":...