JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<script src="http://omnipotent.net/jquery.sparkline/2.1.2/jquery.sparkline.min.js"></script>
<p>
Inline Sparkline: <span class="inlinesparkline">1,4,4,7,5,9,10</span>.
</p>
<p>
Sparkline with dynamic data: <span class="dynamicsparkline">Loading..</span>
</p>
<p>
Bar chart with dynamic data: <span class="dynamicbar">Loading..</span>
</p>
<p>
Bar chart with inline data: <span class="inlinebar">1,3,4,5,3,5</span>
</p>

<p id="pie"></p>

JavaScript

$(function() {
      
        $('.inlinesparkline').sparkline(); 

       
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues);

       
        $('.dynamicbar').sparkline(myvalues, {type: 'bar', barColor: 'green'} );

       
        $('.inlinebar').sparkline('html', {type: 'bar', barColor: 'red'} );
    });

$('#pie').sparkline([1,1,2], { 
    type:'pie',
    width: '150',
    height:'150'
});