JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://omnipotent.net/jquery.sparkline/2.0/jquery.sparkline.js"></script>
<p>
<span class="sparkline">Loading...</span>

</p>

JavaScript

values = [0,8, 15, 10, 50, 25, 35, 70];
$('.sparkline').sparkline(values, {
    type: 'bar',
    height: '200px',
    barWidth: 20,
    barSpacing: 10,
    barColor: '#56aaff',
    zeroColor: '#000000',
    enableTagOptions: true,
    tagValuesAttribute: 'data-values',
    colorMap: ["red", "green", "blue", "yellow", "orange", "#f2f2f2", "maroon", "pink"]

});