other programmers) to change it later on. The following code produces the same design, but all numbers are now saved into variables with names that clearly communicate their purpose.</p>

    {% codesplit shape/figure-and-ground/use-variables.js lines:'8-12' class:'text-width' %}

    <p>Keeping your code organized is very important, especially as you start to make designs with more than a single shape.</p>

  </section>

  <section data-type="sect1">

    <h1>Rotation</h1>

    <p>When you rotate a shape, 