JSFiddle - React, Tailwind, and code Playground

by Danish Farman

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height:400px;"></div>

JavaScript

function weightedRandom(max, bellFactor) {
    var num = 0;
    for (var i = 0; i < bellFactor; i++) {
        num += Math.random() * (max/bellFactor);
    }    
    return num;
}

function getRandomData(bellFactor) {
    var maxNum = 100;
    
    //http://stackoverflow.com/questions/1295584/most-efficient-way-to-create-a-zero-filled-javascript-array
    var numbers = Array.apply(null, new Array(maxNum))
                       .map(function (x, i) { return [i, 0]; });
    
    for (var i = 0; i < 100000; i++) {
        var num = weightedRandom(maxNum, bellFactor);

        num = Math.floor(num);
        numbers[num][1]++;
    }
    
    return numbers;
}

$(function () {

    var data1 = getRandomData(1);
    var data2 = getRandomData(2);
    var data4 = getRandomData(4);

    $('#container').highcharts({
        chart: {
            type: 'area',
            zoomType: 'x'
        },
        series: [{
            data: data1
        }, {
            data: data2
        }, {
            data: data4
        }]
    });
});