JSFiddle - React, Tailwind, and code Playground

by pioul

HTML

<script src="http://www.jqplot.com/src/jquery.jqplot.min.js"></script>
<div id="chartdiv" style="height:400px;width:400px; "></div>

JavaScript

function smooth(i){
    // i = (Math.PI / 4) * Math.pow(2, (4*i/Math.PI)) - (Math.PI / 4);
    // i = Math.tan(2 * i);
    
    // i = (Math.PI / 2) * ( 1 - Math.sqrt( 1 - Math.pow(( 2 * i / Math.PI ), 2) ) );
    i = (Math.PI / 2) * Math.pow(( 2 * i / Math.PI ), 2) * Math.exp(( 2 * i / Math.PI ) - 1);
    return i;
}

var chart = [],
    min = 0,
    max = Math.PI / 2;
for(var i = min; i < max; i += ((max - min) / 100)){
     chart.push([i, smooth(i)]);
}
    
$.jqplot('chartdiv',  [chart]);