JSFiddle - React, Tailwind, and code Playground

by victor bailon

HTML

<script src="http://www.jscharts.com/script/jscharts.js"></script>
<div id="chart-container"></div>

CSS

body{padding: 0px; margin: 0;}

JavaScript

var myChart = new JSChart('chart-container', 'line');
var winSize = window.getSize(),
    coords = {
        x: [], 
        y: []
    },
    i = 0,
    steps = 20,
    y = 0,x = 0, 
    data = [],
    delta,
    phi = 0;


while (x <= winSize.x){
    delta = Fx.Transitions.Circ.easeInOut(x/1000);
    data.push([x , (Fx.compute( 0, winSize.x, delta))/2 ]);
    x++;
}


myChart.setDataArray(data);
myChart.setSize( winSize.x , winSize.x/2.3  );
myChart.draw();