~/piMakers/presentations/javaScript/squared.html.html

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Some Curves</TITLE>
</HEAD>
<BODY>
<CANVAS id="myCanvas" width="600" height="1000" style=
"border: 1px solid black;"></CANVAS>
<SCRIPT>
function draw() {
    var canvas = document.getElementById('myCanvas');
    var ct = canvas.getContext('2d');
    ct.strokeStyle = 'orange';
    ct.lineWidth = 2;
    ct.beginPath();
    ct.moveTo(0, 0);
        
    for(let i = 0; i < 30; i++){
        ct.lineTo(i*20, 1000-i*i);
    }
        
    ct.stroke();
}
draw();
</SCRIPT><BR>
I Squared
</BODY>
</HTML>