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 = [10, 20, 30, 20, 60, 30, 40, 65];
// Add spots to each value
// Make spots <=49 green
// Make spots >=50 red
$('.sparkline').sparkline(values, {
    width: 50,
    minSpotColor: null,
    maxSpotColor: null,
    spotColor: null,
    valueSpots: {
        ':49': 'green',
        '50:': 'red'
    }
});