Lerc: Created page with " function graph(fn = x=>x,options ={}) { const {bounds = {left:10,top:10, width:400, height:400}, rangeX=[-1,+1], rangeY=[-1,+1] } = options; let {left=1..."

2024-07-27T21:29:44Z

Created page with " <edcode> function graph(fn = x=>x,options ={}) { const {bounds = {left:10,top:10, width:400, height:400}, rangeX=[-1,+1], rangeY=[-1,+1] } = options; let {left=1..."

New page

<edcode>
function graph(fn = x=>x,options ={}) {
const {bounds = {left:10,top:10, width:400, height:400},
rangeX=[-1,+1], rangeY=[-1,+1] } = options;
let {left=10,top=10, width=400, height=400} = bounds;
let [minX,maxX] = rangeX;
let [minY,maxY] = rangeY;
let rangeWidth = maxX-minX;
let rangeHeight = maxY-minY;
drawRectangle(left, top,width,height);

let lastY = height/2;
for(let tx=0; tx<width;tx++) {
const x= (tx/width) * rangeWidth + minX;
const y = fn(x);
const screenY = (1-(y - minY)/rangeHeight) * height;

drawLine(left+tx-1,top+lastY,left+tx,top+screenY);
lastY=screenY;
}
}

graph(x=>Math.sin(x*4));
</edcode>

Useful Bits - Revision history

Lerc: Created page with " function graph(fn = x=>x,options ={}) { const {bounds = {left:10,top:10, width:400, height:400}, rangeX=[-1,+1], rangeY=[-1,+1] } = options; let {left=1..."