如何使用javascript绘制方程式？

Question

这是我第一次使用javascript绘制方程式，这就是我得到的：

var j=10
var set=0.5
 function plotEquation() {
  Context.strokeStyle="black";  
  Context.beginPath();
  canvasContext.translate(canvas.width/2,(canvas.height-j)/2-set);
  for (var x = -canvas.width/2; x <= canvas.width; x += j) {
  var scale = canvas.width / j.x;
  Context.scale(scale, -scale);
  text.lineTo(x, eval(document.data.equation.value));
} Context.stroke();}

到目前为止，这将根据公式在x和y图中绘制一条线，但不知怎的，我无法为这个意大利面条代码找到更好的解决方案。