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

// first half
$('.sparkline').sparkline([1, 2, 3, 4, 3, null, null, null], {
    width: '50px',
    height: '20px',
    chartRangeMin: 1,
    chartRangeMax: 4,
});
// second half
$('.sparkline').sparkline([null, null, null, null, null, 3, 2, 3, 4], {
    composite: true,
    width: '50px',
    height: '20px',
    fillColor: '#C3E9A0',
    chartRangeMin: 1,
    chartRangeMax: 4,
});