docs/constraints/gap.svg

<?xml version='1.0' encoding='UTF-8'?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g style="stroke:black">
        <line x1="77.0" y1="27.0" x2="77.0" y2="52.0"/>
        <line x1="2.0" y1="77.0" x2="27.0" y2="77.0"/>
        <line x1="2.0" y1="2.0" x2="27.0" y2="2.0"/>
        <line x1="77.0" y1="2.0" x2="77.0" y2="27.0"/>
        <line x1="77.0" y1="2.0" x2="102.0" y2="2.0"/>
        <line x1="27.0" y1="2.0" x2="27.0" y2="27.0"/>
        <line x1="27.0" y1="2.0" x2="52.0" y2="2.0"/>
        <line x1="102.0" y1="77.0" x2="77.0" y2="77.0"/>
        <line x1="27.0" y1="27.0" x2="2.0" y2="27.0"/>
        <line x1="102.0" y1="52.0" x2="77.0" y2="52.0"/>
        <line x1="102.0" y1="52.0" x2="102.0" y2="77.0"/>
        <line x1="27.0" y1="77.0" x2="52.0" y2="77.0"/>
        <line x1="27.0" y1="77.0" x2="27.0" y2="52.0"/>
        <line x1="2.0" y1="27.0" x2="2.0" y2="2.0"/>
        <line x1="2.0" y1="27.0" x2="2.0" y2="52.0"/>
        <line x1="52.0" y1="77.0" x2="77.0" y2="77.0"/>
        <line x1="52.0" y1="77.0" x2="52.0" y2="52.0"/>
        <line x1="52.0" y1="52.0" x2="27.0" y2="52.0"/>
        <line x1="102.0" y1="27.0" x2="102.0" y2="52.0"/>
        <line x1="102.0" y1="27.0" x2="77.0" y2="27.0"/>
        <line x1="77.0" y1="77.0" x2="77.0" y2="52.0"/>
        <line x1="52.0" y1="2.0" x2="77.0" y2="2.0"/>
        <line x1="52.0" y1="2.0" x2="52.0" y2="27.0"/>
        <line x1="102.0" y1="2.0" x2="102.0" y2="27.0"/>
        <line x1="52.0" y1="27.0" x2="27.0" y2="27.0"/>
        <line x1="52.0" y1="27.0" x2="77.0" y2="27.0"/>
        <line x1="2.0" y1="52.0" x2="2.0" y2="77.0"/>
        <line x1="2.0" y1="52.0" x2="27.0" y2="52.0"/>
        <line x1="77.0" y1="52.0" x2="52.0" y2="52.0"/>
        <line x1="27.0" y1="52.0" x2="27.0" y2="27.0"/>
    </g>
    <g>
        <g style="fill:goldenrod">
            <polygon style="stroke:none" points="27.0,77.0 2.0,77.0 2.0,52.0 27.0,52.0"/>
            <polygon style="stroke:none" points="2.0,27.0 2.0,2.0 27.0,2.0 27.0,27.0"/>
            <polygon style="stroke:none" points="52.0,2.0 52.0,27.0 27.0,27.0 27.0,2.0"/>
            <polygon
                    style="stroke:none" points="77.0,77.0 77.0,52.0 102.0,52.0 102.0,77.0">
            </polygon>
            <polygon
                    style="stroke:none" points="77.0,52.0 77.0,27.0 102.0,27.0 102.0,52.0">
            </polygon>
            <polygon style="stroke:none" points="27.0,52.0 52.0,52.0 52.0,77.0 27.0,77.0"/>
            <polygon style="stroke:none" points="2.0,52.0 2.0,27.0 27.0,27.0 27.0,52.0"/>
            <polygon style="stroke:none" points="102.0,2.0 102.0,27.0 77.0,27.0 77.0,2.0"/>
            <polygon style="stroke:none" points="52.0,2.0 77.0,2.0 77.0,27.0 52.0,27.0"/>
            <polygon style="stroke:none" points="77.0,52.0 77.0,77.0 52.0,77.0 52.0,52.0"/>
        </g>
    </g>
    <polygon
            style="fill:none;stroke:blue;stroke-width:2"
            points="2.0,2.0 27.0,2.0 52.0,2.0 77.0,2.0 102.0,2.0 102.0,27.0 102.0,52.0 102.0,77.0 77.0,77.0 52.0,77.0 27.0,77.0 2.0,77.0 2.0,52.0 2.0,27.0">
    </polygon>
    <polygon
            style="fill:none;stroke:blue;stroke-width:2"
            points="27.0,27.0 52.0,27.0 77.0,27.0 77.0,52.0 52.0,52.0 27.0,52.0">
    </polygon>
    <g style="fill:red">
        <text x="49.0" y="4.5">5</text>
        <text x="24.0" y="79.5">10</text>
        <text x="74.0" y="54.5">14</text>
        <text x="99.0" y="4.5">20</text>
        <text x="-1.0" y="4.5">1</text>
        <text x="49.0" y="29.5">6</text>
        <text x="-1.0" y="79.5">9</text>
        <text x="74.0" y="79.5">13</text>
        <text x="24.0" y="4.5">2</text>
        <text x="99.0" y="79.5">17</text>
        <text x="49.0" y="54.5">12</text>
        <text x="-1.0" y="54.5">7</text>
        <text x="24.0" y="29.5">3</text>
        <text x="99.0" y="54.5">18</text>
        <text x="74.0" y="4.5">16</text>
        <text x="49.0" y="79.5">11</text>
        <text x="24.0" y="54.5">8</text>
        <text x="99.0" y="29.5">19</text>
        <text x="-1.0" y="29.5">4</text>
        <text x="74.0" y="29.5">15</text>
    </g>
</svg>