Diagrams/DO_WHILE_STATEMENT.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="531" height="37">
      <defs>
            <style type="text/css">
                  @namespace "http://www.w3.org/2000/svg";

                  .line {
                        fill: none;
                        stroke: #7F7F7F;
                        stroke-width: 1;
                  }

                  .bold-line {
                        stroke: #0A0A0A;
                        shape-rendering: crispEdges;
                        stroke-width: 2;
                  }

                  .thin-line {
                        stroke: #0F0F0F;
                        shape-rendering: crispEdges
                  }

                  .filled {
                        fill: #7F7F7F;
                        stroke: none;
                  }

                  text.terminal {
                        font-family: Verdana, Sans-serif;
                        font-size: 12px;
                        fill: #0A0A0A;
                        font-weight: bold;
                  }

                  text.nonterminal {
                        font-family: Verdana, Sans-serif;
                        font-size: 12px;
                        fill: #0D0D0D;
                        font-weight: normal;
                  }

                  text.regexp {
                        font-family: Verdana, Sans-serif;
                        font-size: 12px;
                        fill: #0F0F0F;
                        font-weight: normal;
                  }

                  rect,
                  circle,
                  polygon {
                        fill: #7F7F7F;
                        stroke: #7F7F7F;
                  }

                  rect.terminal {
                        fill: #FFFFFF;
                        stroke: #7F7F7F;
                        stroke-width: 1;
                  }

                  rect.nonterminal {
                        fill: #FFFFFF;
                        stroke: #7F7F7F;
                        stroke-width: 1;
                  }

                  rect.text {
                        fill: none;
                        stroke: none;
                  }

                  polygon.regexp {
                        fill: #FFFFFF;
                        stroke: #7F7F7F;
                        stroke-width: 1;
                  }
            </style>
      </defs>
      <polygon points="9 17 1 13 1 21" />
      <polygon points="17 17 9 13 9 21" />
      <rect x="31" y="3" width="36" height="32" rx="10" />
      <rect x="29" y="1" width="36" height="32" class="terminal" rx="10" />
      <text class="terminal" x="39" y="21">do</text>
      <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#STATEMENT" xlink:title="STATEMENT">
            <rect x="87" y="3" width="92" height="32" />
            <rect x="85" y="1" width="92" height="32" class="nonterminal" />
            <text class="nonterminal" x="95" y="21">STATEMENT</text>
      </a>
      <rect x="199" y="3" width="56" height="32" rx="10" />
      <rect x="197" y="1" width="56" height="32" class="terminal" rx="10" />
      <text class="terminal" x="207" y="21">while</text>
      <rect x="275" y="3" width="26" height="32" rx="10" />
      <rect x="273" y="1" width="26" height="32" class="terminal" rx="10" />
      <text class="terminal" x="283" y="21">(</text>
      <a xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#CONDITION" xlink:title="CONDITION">
            <rect x="321" y="3" width="92" height="32" />
            <rect x="319" y="1" width="92" height="32" class="nonterminal" />
            <text class="nonterminal" x="329" y="21">CONDITION</text>
      </a>
      <rect x="433" y="3" width="26" height="32" rx="10" />
      <rect x="431" y="1" width="26" height="32" class="terminal" rx="10" />
      <text class="terminal" x="441" y="21">)</text>
      <rect x="479" y="3" width="24" height="32" rx="10" />
      <rect x="477" y="1" width="24" height="32" class="terminal" rx="10" />
      <text class="terminal" x="487" y="21">;</text>
      <path class="line"
            d="m17 17 h2 m0 0 h10 m36 0 h10 m0 0 h10 m92 0 h10 m0 0 h10 m56 0 h10 m0 0 h10 m26 0 h10 m0 0 h10 m92 0 h10 m0 0 h10 m26 0 h10 m0 0 h10 m24 0 h10 m3 0 h-3" />
      <polygon points="521 17 529 13 529 21" />
      <polygon points="521 17 513 13 513 21" />
</svg>