const y_size = 400

const row_count = 8

const x_border = x_size / 30

const y_border = y_size / 10

const x_extent = x_size - 2 * x_border

const y_extent = y_size - 2 * y_border

const y_step = y_extent / (row_count - 1)

​

function setup() {

  createCanvas(x_size, y_size);

  noLoop();

}

​

function draw() {

  background(220);

  strokeWeight(0.1)

  line(x_border, y_border, x_border + x_extent, y_border)

  strokeWeight(2)

  point(x_border, y_border)

  point(x_border + x_extent, y_border)

  let n = 1

  for(let row = 1; row < row_count; row++) {

    let y = y_border + y_step * row

    strokeWeight(0.1)

    line(x_border, y, x_border + x_extent, y)

    let x_segment = x_extent / (n + 1)

    strokeWeight(2)

    for(let p = 0; p < n; p++) {

      let x = x_border + x_segment * (p + 1)

      point(x, y)

    }

    n = n * 2

  }

}