Normális eloszlás

<div class="cc">
    <canvas id="myChart"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script>
var x = 10, t1=Array(20).fill(0), t2=Array(20).fill(0), t3=Array(20).fill(0)
Array(1000).fill(0).forEach( () => {
     t1[Math.round(
            Array(40).fill(0).reduce( o => o += Math.random(), 0 )
    )-10]++
    t2[Math.round(
            Array(10).fill(0).reduce( o => o += Math.random(), 0 ) + 5
    )]++
    t3[Math.round(Math.random()*20)]++
})
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: Array(20).fill(0).map( (v, i) => i + 1 ),
        datasets: [
            { label: 'Normális eloszlás 1', data: t1, borderColor: 'rgb(255, 132, 70)' },
            { label: 'Normális eloszlás 2', data: t2, borderColor: 'rgb(255, 99, 132)' },
            { label: 'Egyenletes eloszlás', data: t3, borderColor: 'rgb(20, 175, 162)' }
        ]
    },
    options: {}
})
</script>

<style>
div.cc {
    width:90%;
    text-align: center;
    margin: 20px;
}
</style>