JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://lavancier.com/brockCharts/API/GenerateRandomDist.js"></script>
<script src="http://lavancier.com/brockCharts/API/LineChartPro.js"></script>
<canvas id='myCanvas'></canvas>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500);

JavaScript

setInterval(function () {
    arr = [];
    arr[0] = [1];
    for (x = 1; x < 1000; x++) {
        GenerateRandomDist(1, 0);
        arr[0][x] = DailyReturn * arr[0][x - 1];
    }

    settings = {
        array: arr[0],
        width: window.innerWidth,
        height: window.innerHeight * 0.6,
        graphShift: 0,
        lineProperties: {
            lineWidth: 1,
            fillColor: "rgba(255,165,0,0.2)",
            areaChart: true,
            lineColor: "orange"
        },
        textProperties: {
            titleProperties: {
                title: " ",
                fontSize: "12pt",
                fontFamily: "Helvetica",
                fontColor: "Black",
                titlePadding: 0.05
            },
            axisProperties: {
                axis: true,
                xAxis: false,
                axisSize: "2vw",
                axisColor: "Gray",
                axisPadding: 0.01
            }
        },
        gridLines: true,
        logScale : false,
        mousePosition: false,
        canvasName: "myCanvas"
    };
    drawLine();
}, 100);