Normal Distribution (Probability Density Function) Chart - CanvasJS JavaScript Charts
Normal Distribution (Probability Density Function) Chart - CanvasJS JavaScript Charts
by canvasjs
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title: {
text: "Normal Distribution Chart"
},
subtitles: [
{
text: "Probability Density Function with μ = 0.47 & σ = 1.5"
}
],
axisY: {
//minimum: 0
},
data: [
{
type: "spline",
dataPoints: [
{ x: -5, y: 3.444737974E-4 },
{ x: -4.5, y: 0.001098848429 },
{ x: -4, y: 0.003136638351 },
{ x: -3.5, y: 0.00801191185 },
{ x: -3, y: 0.01831272333 },
{ x: -2.5, y: 0.03745542794 },
{ x: -2, y: 0.06855223998},
{ x: -1.5, y: 0.112272552 },
{ x: -1, y: 0.1645396604 },
{ x: -0.5, y: 0.215780729 },
{ x: 0, y: 0.2532210313 },
{ x: 0.5, y: 0.2659083333 },
{ x: 1, y: 0.2498671597},
{ x: 1.5, y: 0.2101026209 },
{ x: 2, y: 0.158087968 },
{ x: 2.5, y: 0.1064415579 },
{ x: 3, y: 0.06413109934 },
{ x: 3.5, y: 0.03457571779 },
{ x: 4, y: 0.01668087325 },
{ x: 4.5, y: 0.00720130852 },
{ x: 5, y: 0.002781948656 }
]
}
]
});
chart.render();