 (<code>y</code>) of the canvas. This makes it easy to position shapes in code, and many graphic programming languages work this way.</p>

    {% p5 shape/figure-and-ground/rects.js class:'text-width' %}
    {% codesplit shape/figure-and-ground/rects.js lines:'7-8' class:'text-width' %}

    <p>Instead of randomly typing numbers until a shape is in the right position, it can be beneficial to use simple math to calculate the position of the shape based on the size of the canvas. This will define the relation