doc/assets/filtering/reaches-example.svg

<svg width="533pt" height="504" viewBox="0 0 533 378"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
    <g class="graph">
        <path fill="#fff" stroke="transparent" d="M0 378V0h533v378H0z"/>
        <g class="cluster">
            <path fill="#fff" stroke="#000" stroke-width="2" d="M24 366h485c6 0 12-6 12-12V24c0-6-6-12-12-12H24c-6 0-12 6-12 12v330c0 6 6 12 12 12"/>
            <text text-anchor="middle" x="262.5" y="-350.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9" transform="translate(4 374)">src</text>
        </g>
        <g class="cluster">
            <path fill="#fff" stroke="#000" stroke-width="2" d="M32 358h469c6 0 12-6 12-12V50c0-6-6-12-12-12H32c-6 0-12 6-12 12v296c0 6 6 12 12 12"/>
            <text text-anchor="middle" x="262.5" y="-324.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9" transform="translate(4 374)">report</text>
        </g>
        <g class="cluster">
            <path fill="#fff" stroke="#000" stroke-width="2" d="M119.5 350H414c6 0 12-6 12-12V236c0-6-6-12-12-12H119.5c-6 0-12 6-12 12v102c0 6 6 12 12 12"/>
            <text text-anchor="middle" x="262.75" y="-138.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9" transform="translate(4 374)">dot</text>
        </g>
        <g class="cluster">
            <path fill="#fff" stroke="#000" stroke-width="2" d="M119.5 216h165c6 0 12-6 12-12v-28c0-6-6-12-12-12h-165c-6 0-12 6-12 12v28c0 6 6 12 12 12"/>
            <text text-anchor="middle" x="198" y="-198.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9" transform="translate(4 374)">error-html</text>
        </g>
        <g class="cluster">
            <path fill="#fff" stroke="#000" stroke-width="2" d="M446 173h47c6 0 12-6 12-12v-28c0-6-6-12-12-12h-47c-6 0-12 6-12 12v28c0 6 6 12 12 12"/>
            <text text-anchor="middle" x="465.5" y="-241.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9" transform="translate(4 374)">utl</text>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/dot/index.js" xlink:title="index.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M165.5-94h-48c-3 0-6 3-6 6v6c0 3 3 6 6 6h48c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="119.5" y="-83.8" font-family="Helvetica,sans-Serif" font-size="9">index.js </text>
            <text x="153.5" y="-83.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">86</text>
        </a>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/dot/module-utl.js" xlink:title="module-utl.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M408-94h-69c-3 0-6 3-6 6v6c0 3 3 6 6 6h69c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="341" y="-83.8" font-family="Helvetica,sans-Serif" font-size="9">module-utl.js </text>
            <text x="396" y="-83.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">33</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M136 279.76V274h228v.58"/>
            <path fill="#f0f" fill-opacity=".467" d="m366.1 273.76-2.1 6-2.1-6h4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/dot/prepare-custom-level.js" xlink:title="prepare-custom-level.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M314-94H201c-3 0-6 3-6 6v6c0 3 3 6 6 6h113c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="203" y="-83.8" font-family="Helvetica,sans-Serif" font-size="9">prepare-custom-level.js </text>
            <text x="302" y="-83.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M175.67 289h16.94"/>
            <path fill="#f0f" fill-opacity=".467" d="m192.61 286.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/dot/prepare-flat-level.js" xlink:title="prepare-flat-level.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M305.5-124h-96c-3 0-6 3-6 6v6c0 3 3 6 6 6h96c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="211.5" y="-113.8" font-family="Helvetica,sans-Serif" font-size="9">prepare-flat-level.js </text>
            <text x="293.5" y="-113.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M156 279.84V259h45.2"/>
            <path fill="#f0f" fill-opacity=".467" d="m201.2 256.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/dot/prepare-folder-level.js" xlink:title="prepare-folder-level.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M311-50H204c-3 0-6 3-6 6v6c0 3 3 6 6 6h107c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="206" y="-39.8" font-family="Helvetica,sans-Serif" font-size="9">prepare-folder-level.js </text>
            <text x="299" y="-39.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M146 298.33V333h49.72"/>
            <path fill="#f0f" fill-opacity=".467" d="m195.72 330.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/utl/index.js" xlink:title="index.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M487-227h-43c-3 0-6 3-6 6v6c0 3 3 6 6 6h43c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="446" y="-216.8" font-family="Helvetica,sans-Serif" font-size="9">index.js </text>
            <text x="480" y="-216.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">0</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M418.07 289H470V171.14"/>
            <path fill="#f0f" fill-opacity=".467" d="m467.9 171.14 2.1-6 2.1 6h-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M324.25 289h6.62"/>
            <path fill="#f0f" fill-opacity=".467" d="m330.87 286.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M315.67 259H391v14.84"/>
            <path fill="#f0f" fill-opacity=".467" d="m393.1 273.84-2.1 6-2.1-6h4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M321.12 333H378v-28.67"/>
            <path fill="#f0f" fill-opacity=".467" d="m375.9 304.33 2.1-6 2.1 6h-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/error-html/index.js" xlink:title="index.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M165.5-184h-48c-3 0-6 3-6 6v6c0 3 3 6 6 6h48c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="119.5" y="-173.8" font-family="Helvetica,sans-Serif" font-size="9">index.js </text>
            <text x="153.5" y="-173.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">67</text>
        </a>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/error-html/utl.js" xlink:title="utl.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M278.5-184h-42c-3 0-6 3-6 6v6c0 3 3 6 6 6h42c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="241.5" y="-173.8" font-family="Helvetica,sans-Serif" font-size="9">utl.js </text>
            <text x="263.5" y="-173.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">33</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M175.67 202h52.58"/>
            <path fill="#f0f" fill-opacity=".467" d="m228.25 199.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M248 189.68V160.5h187.89"/>
            <path fill="#f0f" fill-opacity=".467" d="m435.89 158.4 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/error-long.js" xlink:title="error-long.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M174.5-310h-66c-3 0-6 3-6 6v6c0 3 3 6 6 6h66c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="110.5" y="-299.8" font-family="Helvetica,sans-Serif" font-size="9">error-long.js </text>
            <text x="162.5" y="-299.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/error.js" xlink:title="error.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M280-288h-45c-3 0-6 3-6 6v6c0 3 3 6 6 6h45c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="237" y="-277.8" font-family="Helvetica,sans-Serif" font-size="9">error.js </text>
            <text x="268" y="-277.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">33</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M184.62 73H262v6.8"/>
            <path fill="#f0f" fill-opacity=".467" d="m264.1 79.8-2.1 6-2.1-6h4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M275 104.08v47.42h160.63"/>
            <path fill="#f0f" fill-opacity=".467" d="m435.63 149.4 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/index.js" xlink:title="index.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M82-251H30c-3 0-6 3-6 6v6c0 3 3 6 6 6h52c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="32" y="-240.8" font-family="Helvetica,sans-Serif" font-size="9">index.js </text>
            <text x="66" y="-240.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">100</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M44 141.35V289h65.32"/>
            <path fill="#f0f" fill-opacity=".467" d="m109.32 286.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M60 141.04V199h49.12"/>
            <path fill="#f0f" fill-opacity=".467" d="m109.12 196.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M50 122.78V73h50.38"/>
            <path fill="#f0f" fill-opacity=".467" d="m100.38 70.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M92.01 132H262v-21.66"/>
            <path fill="#f0f" fill-opacity=".467" d="m259.9 110.34 2.1-6 2.1 6h-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/markdown.js" xlink:title="markdown.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M176-236h-69c-3 0-6 3-6 6v6c0 3 3 6 6 6h69c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="109" y="-225.8" font-family="Helvetica,sans-Serif" font-size="9">markdown.js </text>
            <text x="164" y="-225.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M76 141.02v7.48h22.67"/>
            <path fill="#f0f" fill-opacity=".467" d="m98.67 146.4 6 2.1-6 2.1v-4.2z"/>
        </g>
        <a xlink:href="https://github.com/sverweij/dependency-cruiser/blob/main/src/report/teamcity.js" xlink:title="teamcity.js" class="node" transform="translate(4 374)">
            <path fill="#fcf" stroke="#000" d="M171.5-266h-60c-3 0-6 3-6 6v6c0 3 3 6 6 6h60c3 0 6-3 6-6v-6c0-3-3-6-6-6"/>
            <text x="113.5" y="-255.8" font-family="Helvetica,sans-Serif" font-size="9">teamcity.js </text>
            <text x="159.5" y="-255.8" font-family="Helvetica,sans-Serif" font-size="8" fill="gray">50</text>
        </a>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M71 122.98v-7.48h32.12"/>
            <path fill="#f0f" fill-opacity=".467" d="m103.12 113.4 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M181 156.45V196h47.25"/>
            <path fill="#f0f" fill-opacity=".467" d="m228.25 193.9 6 2.1-6 2.1v-4.2z"/>
        </g>
        <g class="edge" stroke="#f0f" stroke-width="2" stroke-opacity=".467">
            <path fill="none" d="M181.78 117H470v23.95"/>
            <path fill="#f0f" fill-opacity=".467" d="m472.1 140.95-2.1 6-2.1-6h4.2z"/>
        </g>
    </g>
</svg>