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:'40%',
  height: '510',
  apikey: 'f67667f324c05917db277c8de0bf86da062b4ff2',
  ontology: 'future',
   positiveColor : '008b54',
   negativeColor : '003a40',
   minPositiveColor : 'ff8b54',
   minNegativeColor : 'ff3a40',
   neutralColor : '003333',
  
});