JSFiddle - React, Tailwind, and code Playground

by mlsteeves

HTML

<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<script src="http://www.flotcharts.org/flot/jquery.flot.pie.js"></script>
<h1>Flot</h1>
<a href="http://www.flotcharts.org/" target="_blank">Link to</a>

<div id="placeholder"></div>

CSS

#placeholder {
    width: 400px;
    height: 200px;
}

JavaScript

$(document).ready(function(){
    var data = [],
        series = Math.floor(Math.random() * 6) + 3;
    
    for (var i = 0; i < series; i++) {
        data[i] = {
            label: "Series" + (i + 1),
            data: Math.floor(Math.random() * 100) + 1
        }
    }
    
    $.plot("#placeholder", data, {
        series:{
            pie: {
                show: true
            }
        }
    }); 
});