JSFiddle - React, Tailwind, and code Playground

by Heena Mahour

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>
<script type="text/javascript" src="https://archfirst.googlecode.com/svn-history/r1015/trunk/html/apps/bfclient-jquery-backbone/js/libs/jquery.format-1.2.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>

JavaScript

var dimension="Portfolio",_tickerData=[],
asofdate= "2016-07-01T05:00:00.000Z", tickerData = [/*{
  "Portfolio": "FD10",
  "TotalBaseYTD": 31176001.32999999,
  "Exposure": 500328295.4203262,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, */{
  "Portfolio": "FD10",
  "TotalBaseYTD": 31247055.620000005,
  "Exposure": 500328295.42032623,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD11",
  "TotalBaseYTD": 30165397.510000024,
  "Exposure": 397409305.380599,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD11",
  "TotalBaseYTD": 30214740.259999998,
  "Exposure": 397409305.38059896,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD12",
  "TotalBaseYTD": 2249388.84,
  "Exposure": 80348099.15480852,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD12",
  "TotalBaseYTD": 2270494.9100000006,
  "Exposure": 80348099.16480847,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD1ROLL",
  "TotalBaseYTD": 8897.27,
  "Exposure": 0,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD1ROLL",
  "TotalBaseYTD": 8897.27,
  "Exposure": 0,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD5",
  "TotalBaseYTD": 1031.11,
  "Exposure": 0,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD5",
  "TotalBaseYTD": 1031.11,
  "Exposure": 0,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD5B",
  "TotalBaseYTD": 252628.40999999977,
  "Exposure": 4648531.241249999,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD5B",
  "TotalBaseYTD": 252894.9699999997,
  "Exposure": 4648531.231249999,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}, {
  "Portfolio": "FD5R",
  "TotalBaseYTD": 1220.01,
  "Exposure": 0,
  "AsOfDate": "2016-06-30T05:00:00.000Z"
}, {
  "Portfolio": "FD5R",
  "TotalBaseYTD": 1220.01,
  "Exposure": 0,
  "AsOfDate": "2016-07-01T05:00:00.000Z"
}]
var _counter = true;
for (var _t = 0; _t < tickerData.length; ) { //TODO: think of other way of...