SOURCE

function draw(){
    const canvas = document.getElementById('canvas')
    const ctx = canvas.getContext('2d')
   for (var i = 0; i < 10; i++){
    ctx.lineWidth = 1+i;
    ctx.beginPath();
    if(i%2==0){
        ctx.moveTo(5.5+i*14,5);
        ctx.lineTo(5.5+i*14,140);
    }else{
        ctx.moveTo(5+i*14,5);
        ctx.lineTo(5+i*14,140);
    }
    ctx.stroke();
  }
}

draw()

<canvas id="canvas"></canvas>