JSFiddle - React, Tailwind, and code Playground

by ceebee

HTML

<!doctype html>
<!--[if IE 8]><html class="no-js ie8 oldie" xmlns:fb="http://ogp.me/ns/fb#" lang="en-US" itemscope itemtype="http://schema.org/WebPage"><![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" xmlns:fb="http://ogp.me/ns/fb#" lang="en-US" itemscope itemtype="http://schema.org/WebPage">
  <!--<![endif]-->

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>1120 Olive Branch LN San Jose CA - Kim Heng Team</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
    <!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <link href="https://uploads.pl-internal.com/ZTFlODdmYjctMTQzYy00MWVmLWI0YmUtYjUyMTc2OTFkODE5/favicon/2018/01/Favicon.png" rel="shortcut icon" type="image/x-icon" />

    <script>
      //prevent errors if we don't initialize the preference @TODO - this should be done more cleanly.
      if (typeof _placester === 'undefined') {
        _placester = {}
      };
      _placester.site_url = 'https://www.kimhengteam.com';

    </script>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,700italic,700,500italic,500' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
    <link rel='stylesheet' id='fancybox-css' href='/wp-content/plugins/placester/js/lib/fancybox/jquery.fancybox.css?ver=3.9.1' type='text/css' media='all' />
    <link rel='stylesheet' id='chosen-css' href='/wp-content/plugins/placester/js/lib/chosen/chosen.min.css?ver=3.9.1' type='text/css' media='all' />
    <link rel='stylesheet' id='flexslider-css' href='/wp-content/plugins/placester/js/lib/sliders/flexslider/flexslider.css?ver=3.9.1' type='text/css' media='all' />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />


    <script...

CSS

#chartdiv {
  width: 100%;
  height: 500px;
}

JavaScript

// OBSERVE TAB CHANGE
jQuery(".nav-tabs a").on("shown.bs.tab", function() {
  var data = jQuery(this).data();
  if (data.chart !== undefined) {
    chart.validateSize();
  }
});