JSFiddle - React, Tailwind, and code Playground

by Umair Rafiq

HTML

<script src="http://widget-staging.socialmarketanalytics.com/heatmap_widgets/source/js/sma_widget.js?123"></script>
<div id="sma_widget_container">
    <script type="text/javascript">
        SMA.HeatmapWidget({
            container: 'sma_widget_container',
            width:'100%',
            height: '500',
            ontology:'future',
			apikey:'aa0bf3957e823316e5dc18c031c6ddc8074b980d',
            backgroundColor: 'FFFFFF',
            chartGridColor: 'CCCCCC',
            chartTextColor: 'FFFFFF',
            neutralColor: '7F7F00',
            positiveColor: '00FF00',
            negativeColor: 'FF0000',
            textColor: '888888',            
            headingColor: 'FFFFFF',
            factorBackgroundColor: '000000',
            chartLegendColor: 'FFFFFF'
        });
    </script>
</div>