doc/diagrams/back-quoted-string-literal.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="railroad-diagram" width="424.5" height="109" viewBox="0 0 424.5 109">
  <defs>
    <style type="text/css"><![CDATA[
      path {
        stroke-width: 3;
        stroke: black;
        fill: rgba(0,0,0,0);
      }
      text {
        font: bold 14px monospace;
        text-anchor: middle;
        white-space: pre;
        fill: black;
      }
      text.diagram-text {
        font-size: 12px;
      }
      text.diagram-arrow {
        font-size: 16px;
      }
      text.label {
        text-anchor: start;
      }
      text.comment {
        font: italic 12px monospace;
      }
      rect {
        stroke-width: 3;
        stroke: black;
        fill: hsl(180,100%,90%);
      }
      rect[rx] {
        fill: hsl(120,100%,90%);
      }
      rect.group-box {
        stroke: gray;
        stroke-dasharray: 10 5;
        fill: none;
      }
      path.diagram-text {
        stroke-width: 3;
        stroke: black;
        fill: white;
        cursor: help;
      }
      g.diagram-text:hover path.diagram-text {
        fill: #eee;
      }
    ]]></style>
  </defs>

<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20"></path>
</g>
<path d="M40 40h10"></path>
<g class="terminal">
<path d="M50 40h0"></path>
<path d="M78.5 40h0"></path>
<rect x="50" y="29" width="28.5" height="22" rx="10" ry="10"></rect>
<text x="64.25" y="44">&#96;</text>
</g>
<path d="M78.5 40h10"></path>
<g>
<path d="M88.5 40h0"></path>
<path d="M336 40h0"></path>
<path d="M88.5 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M108.5 20h207.5"></path>
</g>
<path d="M316 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M88.5 40h20"></path>
<g>
<path d="M108.5 40h0"></path>
<path d="M316 40h0"></path>
<path d="M108.5 40h10"></path>
<g>
<path d="M118.5 40h0"></path>
<path d="M306 40h0"></path>
<path d="M118.5 40h20"></path>
<g class="terminal">
<path d="M138.5 40h0"></path>
<path d="M286 40h0"></path>
<rect x="138.5" y="29" width="147.5" height="22" rx="10" ry="10"></rect>
<text x="212.25" y="44">Anything but &#96;&#96;</text>
</g>
<path d="M286 40h20"></path>
<path d="M118.5 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g class="terminal">
<path d="M138.5 70h55.25"></path>
<path d="M230.75 70h55.25"></path>
<rect x="193.75" y="59" width="37" height="22" rx="10" ry="10"></rect>
<text x="212.25" y="74">&#96;&#96;</text>
</g>
<path d="M286 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
</g>
<path d="M306 40h10"></path>
<path d="M118.5 40a10 10 0 0 0 -10 10v29a10 10 0 0 0 10 10"></path>
<g>
<path d="M118.5 89h187.5"></path>
</g>
<path d="M306 89a10 10 0 0 0 10 -10v-29a10 10 0 0 0 -10 -10"></path>
</g>
<path d="M316 40h20"></path>
</g>
<path d="M336 40h10"></path>
<g class="terminal">
<path d="M346 40h0"></path>
<path d="M374.5 40h0"></path>
<rect x="346" y="29" width="28.5" height="22" rx="10" ry="10"></rect>
<text x="360.25" y="44">&#96;</text>
</g>
<path d="M374.5 40h10"></path>
<path d="M 384.5 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
</svg>