JSFiddle - React, Tailwind, and code Playground

by JoeKuan

HTML

<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <body>
    <div id="container"></div>
    </body>

JavaScript

$(document).ready(function() {

    function colorBrightness(color, brightness) {
	return Highcharts.Color(color).brighten(brightness).get();
    }

    // share symbols in invert order - generated by running sortIndex.php
    var shares = [{"symbol":"MCD","chg":0.96,"name":"McDonald","price":102.93},{"symbol":"HD","chg":0.86,"name":"Home Depot","price":77.71},{"symbol":"MRK","chg":0.69,"name":"Merck & Co","price":55.21},{"symbol":"WMT","chg":0.65,"name":"Wal-Mart Stores","price":79.2},{"symbol":"IBM","chg":0.62,"name":"IBM","price":190.08},{"symbol":"NKE","chg":0.55,"name":"Nike","price":73.45},{"symbol":"DIS","chg":0.43,"name":"Walt Disney","price":81.95},{"symbol":"JNJ","chg":0.41,"name":"Johnson & Johnson","price":100.91},{"symbol":"BA","chg":0.41,"name":"Boeing Co","price":131.1},{"symbol":"MMM","chg":0.36,"name":"3M Co","price":141.34},{"symbol":"KO","chg":0.34,"name":"Coca Cola","price":40.87},{"symbol":"PG","chg":0.28,"name":"Procter & Gamble","price":82.39},{"symbol":"AXP","chg":0.25,"name":"American Express","price":88.84},{"symbol":"CAT","chg":0.11,"name":"Caterpillar","price":105.06},{"symbol":"T","chg":0.11,"name":"AT&T","price":36.44},{"symbol":"UNH","chg":0.08,"name":"United Health Grp","price":76.95},{"symbol":"TRV","chg":0.07,"name":"Travelers Companies","price":91.3},{"symbol":"CSCO","chg":0.01,"name":"Cisco Systems","price":23.02},{"symbol":"VZ","chg":-0.02,"name":"Verizon Comm","price":48.48},{"symbol":"UTX","chg":-0.03,"name":"United Technologies","price":116.99},{"symbol":"V","chg":-0.04,"name":"Visa","price":210.81},{"symbol":"CVX","chg":-0.05,"name":"Chevron Corp","price":125.03},{"symbol":"GE","chg":-0.08,"name":"General Electric","price":26.42},{"symbol":"GS","chg":-0.13,"name":"Goldman Sachs","price":157.2},{"symbol":"INTC","chg":-0.15,"name":"Intel Corp","price":26.3},{"symbol":"MSFT","chg":-0.25,"name":"Microsoft","price":39.54},{"symbol":"XOM","chg":-0.36,"name":"Exxon Mobil Corp","price":101.95},{"symbol":"DD","chg":-0.47,"name":"E...