fizzbuzz-actions-guards-fizz-buzz-compound.svg

<svg width="567px" height="399px" viewBox="-197.358 -12.05 567.643 399.586" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
  <defs></defs>
  <g transform="matrix(1, 0, 0, 1, 28, 46)">
    <rect x="-81.892" y="46.198" width="152.07" height="109.477" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"></rect>
    <text x="-23.504" y="67.69" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">digit</text>
    <line style="stroke: rgb(0, 0, 0); stroke-width: 2px;" x1="-80.557" y1="75.308" x2="70.775" y2="75.308"></line>
    <text x="-69.407" y="104.902" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">entry / print_digit</text>
  </g>
  <g transform="matrix(1, 0, 0, 1, -53.733116, 13.997707)">
    <ellipse style="" transform="matrix(0.6, 0.8, -0.8, 0.6, 66.684728, -8.839179)" cx="51.177" cy="44.699" rx="7.288" ry="7.288"></ellipse>
    <path style="stroke: rgb(0, 0, 0); fill: none; stroke-width: 2;" d="M 67.134 54.917 C 67.134 54.917 72.585 50.566 82.249 54.161 C 91.913 57.756 92.4 65.968 92.4 65.968"></path>
    <path d="M 52.991 13.003 L 60.431 25.89 L 45.55 25.89 L 52.991 13.003 Z" style="" transform="matrix(0.646251, 0.763125, -0.763125, 0.64625, 75.1945, 14.086562)" bx:shape="triangle 45.55 13.003 14.881 12.887 0.5 0 1@5e4c3892"></path>
  </g>
  <g transform="matrix(1, 0, 0, 1, 200.473022, 43.372322)">
    <rect x="-61.019" y="46.198" width="131.197" height="114.07" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"></rect>
    <text x="-7.504" y="69.69" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">fizz</text>
    <line style="stroke: rgb(0, 0, 0); stroke-width: 2px;" x1="-61.15" y1="77.824" x2="69.775" y2="77.824"></line>
    <text x="-7.504" y="69.69" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;" transform="matrix(1, 0, 0, 1, -44.62139364273554, 34.33760206441341)">entry / print_fizz</text>
  </g>
  <g transform="matrix(1, 0, 0, 1, -97.706322, 40.665421)">
    <path style="stroke: rgb(0, 0, 0); fill: none; stroke-width: 2;" d="M 454.546 20.393 C 454.546 20.393 421.618 19.852 397.862 21.876 C 374.106 23.9 366.425 41.853 366.425 41.853"></path>
    <path d="M 52.991 13.003 L 60.431 25.89 L 45.55 25.89 L 52.991 13.003 Z" style="" transform="matrix(0.153439, 0.988158, -0.988158, 0.153438, 378.824707, -12.35465)" bx:shape="triangle 45.55 13.003 14.881 12.887 0.5 0 1@5e4c3892"></path>
    <text style="fill: rgb(51, 51, 51); font-family: serif; font-size: 16px; font-style: italic; white-space: pre;" x="274.909" y="14.792">increment [ i % 3 == 0 ]</text>
  </g>
  <g transform="matrix(1, 0, 0, 1, 10.370914539730961, 205.72990796163026)">
    <rect x="-61.019" y="46.198" width="140.911" height="114.07" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"></rect>
    <text x="-14.504" y="69.69" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">buzz</text>
    <line style="stroke: rgb(0, 0, 0); stroke-width: 2px;" x1="-61.15" y1="77.824" x2="79.51" y2="77.824"></line>
    <text x="-7.504" y="69.69" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;" transform="matrix(1, 0, 0, 1, -44.62139364273554, 34.33760206441341)">entry / print_buzz</text>
  </g>
  <g transform="matrix(1, 0, 0, 1, -51.72159657001393, 297.19268923410505)">
    <path style="stroke: rgb(0, 0, 0); fill: none; stroke-width: 2;" d="M 370.421 80.499 C 370.421 80.499 314.254 -20.18 259.86 -20.677 C 205.466 -21.174 152.407 -8.059 152.407 -8.059"></path>
    <path d="M 52.991 13.003 L 60.431 25.89 L 45.55 25.89 L 52.991 13.003 Z" style="" transform="matrix(-0.739527, 0.673127, -0.673126, -0.739528, 204.905197, -27.309713)" bx:shape="triangle 45.55 13.003 14.881 12.887 0.5 0 1@5e4c3892"></path>
    <text style="fill: rgb(51, 51, 51); font-family: serif; font-size: 16px; font-style: italic; white-space: pre;" x="210.909" y="-29.208">increment [ i % 5 == 0 ]</text>
  </g>
  <g transform="matrix(-0.999766, 0.021682, -0.021682, -0.999766, 84.055618, 166.765442)">
    <path style="stroke: rgb(0, 0, 0); fill: none; stroke-width: 2;" d="M 270.164 7.607 C 270.164 7.607 230.528 28.525 196.866 29.947 C 163.204 31.369 147.755 22.921 147.755 22.921"></path>
    <path d="M 52.991 13.003 L 60.431 25.89 L 45.55 25.89 L 52.991 13.003 Z" style="" transform="matrix(0.855763, 0.517369, -0.517369, 0.855763, 113.039528, -22.15926)" bx:shape="triangle 45.55 13.003 14.881 12.887 0.5 0 1@5e4c3892"></path>
    <text style="fill: rgb(51, 51, 51); font-family: serif; font-size: 16px; font-style: italic; white-space: pre;" x="97.304" y="106.789" transform="matrix(-0.999765, -0.021682, 0.021682, -0.999765, 335.440582, 147.766495)">increment</text>
  </g>
  <g transform="matrix(1, 0, 0, 1, -150.649307, -36.5755)">
    <rect x="-35.83" y="32.826" width="544.206" height="382.719" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"></rect>
    <text style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;" x="171.496" y="55.69">digit_fizz_buzz</text>
    <line style="stroke: rgb(0, 0, 0); stroke-width: 2px;" x1="-36.69" y1="63.824" x2="508.444" y2="63.824"></line>
  </g>
</svg>