Your browser does not support HTML5 Canvas

Notes:

A famous statistical shape, in TECHnicolor!

normalCurve

This shape was nicely-used in a novice design: Grandfather Clock.

TNTBellCurve Features and Usage:
Primary Attributes:

8 Parameters:

  • center: TNTPoint
  • a: a decimal (known as a 'double' in code); related to the height of the curve
  • k: a decimal (known as a 'double' in code); related to the 'decay' of the curve to a horizontal plane
  • x0: starting x location
  • xf: ending x location
  • fillColor: TNTColor as fcolr
  • borderStroke: a TNTStroke
  • rotn: a 'double' that rotates the shape about its center. rotn > 0 ==> counter-clockwise; rotn < 0 ==> clockwise
To Create:

The examples above were created by:

var center = new TNTPoint(0,3);
var myG = new TNTBellCurve(center, 10, .1, 
    -8, 8, red, null, 0);
myG.drawTNTBellCurve(context);

offWhiteStroke.setStrokeLineWidth(1);
var myG3 = new TNTBellCurve(center, 5, .4, 
    -8, 8, blue, offWhiteStroke, 0);
myG3.drawTNTBellCurve(context);

var otherCenter = center.translate(0,1.6);
var myG2 = new TNTBellCurve(otherCenter, -10 , 1, 
    -1.62, 1.62, forestGreen, null, 0);
myG2.drawTNTBellCurve(context);

otherCenter = otherCenter.translate(-4,-5);
var myG4 = new TNTBellCurve(otherCenter, 5 , 5, 
    otherCenter.x -5, otherCenter.x+5 , null, 
    orangeStroke, 0);
myG4.drawTNTBellCurve(context);
                                    
To Draw: myG.drawTNTBellCurve(context);