Нужно построить график линейной функции в Canvas

const space=document.querySelector('canvas'),
p=space.getContext('2d');
p.strokeStyle='black';
p.strokeWidth=1;
function f(x, k, n){return k*x+n};
p.beginPath();p.moveTo(0, 300); p.lineTo(800, 300); p.stroke(); //ось абсцисс
p.beginPath();p.moveTo(100, 0); p.lineTo(100, 400); p.stroke(); //ось ординат
p.strokeStyle='red';
p.beginPath();
for(let x=0; x<800; x++){
p.lineTo(x, 400-f(x, 2, 4))};
p.stroke()

p.lineTo(x, 300-f(x-100, 2, 4))};

const space=document.querySelector('canvas'),
p=space.getContext('2d');
const h=space.height/2,
w=space.width/2;      
p.strokeStyle='blue';
p.strokeWidth=1;
p.strokeText('O', w-20, h+20);
p.strokeText('OY', w-20, 20);
p.strokeText('OX',2*w-20, h+20);
function f(x, k, n){return k*x+n};
p.beginPath();p.moveTo(0, h); p.lineTo(2*w, h); p.stroke();
p.beginPath();p.moveTo(w, 0); p.lineTo(w, 2*h); p.stroke();
p.strokeStyle='red';
p.beginPath();
for(let x=0; x<800; x++){console.log(x);
p.lineTo(x, h-f(x-w, 1, 40))};
p.stroke()
​