JSFiddle - React, Tailwind, and code Playground

by Umair Rafiq

HTML

<script src="https://widget.socialmarketanalytics.com/heatmap_widgets/source/js/sma_widget.js?t=12"></script>
<script src="https://widget.socialmarketanalytics.com/sma_cards/source/js/sma_widget.js?t=12"></script>
<script src="https://widget.socialmarketanalytics.com/sma_intra_day/source/js/sma_widget.js?t=12"></script>
<script src="https://widget.socialmarketanalytics.com/sma_intra_day_detail/source/js/sma_widget.js?t=12"></script>
<h3>SMA Heatmap</h3>
<div id="sma_widget_container"></div>

JavaScript

SMA.HeatmapWidget({
  container: 'sma_widget_container',
  width:'100%',
  height: '510',
  apikey: 'aa0bf3957e823316e5dc18c031c6ddc8074b980d',
  ontology: 'ticker',
  positiveColor: '00cc00',
  negativeColor: 'cc0000',
  neutralColor: '999999',
  minPositiveColor: '009900',
  minNegativeColor: '990000'
});