docs/diagram/array.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="379" height="129">
   <defs>
      <style type="text/css">
    @namespace "http://www.w3.org/2000/svg";
    .line                 {fill: none; stroke: #332900; stroke-width: 1;}
    .bold-line            {stroke: #141000; shape-rendering: crispEdges; stroke-width: 2;}
    .thin-line            {stroke: #1F1800; shape-rendering: crispEdges}
    .filled               {fill: #332900; stroke: none;}
    text.terminal         {font-family: Verdana, Sans-serif;
                            font-size: 12px;
                            fill: #141000;
                            font-weight: bold;
                          }
    text.nonterminal      {font-family: Verdana, Sans-serif;
                            font-size: 12px;
                            fill: #1A1400;
                            font-weight: normal;
                          }
    text.regexp           {font-family: Verdana, Sans-serif;
                            font-size: 12px;
                            fill: #1F1800;
                            font-weight: normal;
                          }
    rect, circle, polygon {fill: #332900; stroke: #332900;}
    rect.terminal         {fill: #FFDB4D; stroke: #332900; stroke-width: 1;}
    rect.nonterminal      {fill: #FFEC9E; stroke: #332900; stroke-width: 1;}
    rect.text             {fill: none; stroke: none;}
    polygon.regexp        {fill: #FFF4C7; stroke: #332900; stroke-width: 1;}
  </style>
   </defs>
   <polygon points="9 61 1 57 1 65"/>
   <polygon points="17 61 9 57 9 65"/>
   <rect x="31" y="47" width="26" height="32" rx="10"/>
   <rect x="29"
         y="45"
         width="26"
         height="32"
         class="terminal"
         rx="10"/>
   <text class="terminal" x="39" y="65">[</text>
   <a xmlns:xlink="http://www.w3.org/1999/xlink"
      xlink:href="#in-expr"
      xlink:title="in-expr">
      <rect x="117" y="47" width="64" height="32"/>
      <rect x="115" y="45" width="64" height="32" class="nonterminal"/>
      <text class="nonterminal" x="125" y="65">in-expr</text>
   </a>
   <rect x="117" y="3" width="24" height="32" rx="10"/>
   <rect x="115"
         y="1"
         width="24"
         height="32"
         class="terminal"
         rx="10"/>
   <text class="terminal" x="125" y="21">,</text>
   <rect x="241" y="79" width="24" height="32" rx="10"/>
   <rect x="239"
         y="77"
         width="24"
         height="32"
         class="terminal"
         rx="10"/>
   <text class="terminal" x="249" y="97">,</text>
   <rect x="325" y="47" width="26" height="32" rx="10"/>
   <rect x="323"
         y="45"
         width="26"
         height="32"
         class="terminal"
         rx="10"/>
   <text class="terminal" x="333" y="65">]</text>
   <path class="line"
         d="m17 61 h2 m0 0 h10 m26 0 h10 m40 0 h10 m64 0 h10 m-104 0 l20 0 m-1 0 q-9 0 -9 -10 l0 -24 q0 -10 10 -10 m84 44 l20 0 m-20 0 q10 0 10 -10 l0 -24 q0 -10 -10 -10 m-84 0 h10 m24 0 h10 m0 0 h40 m40 44 h10 m0 0 h34 m-64 0 h20 m44 0 h20 m-84 0 q10 0 10 10 m64 0 q0 -10 10 -10 m-74 10 v12 m64 0 v-12 m-64 12 q0 10 10 10 m44 0 q10 0 10 -10 m-54 10 h10 m24 0 h10 m-208 -32 h20 m208 0 h20 m-248 0 q10 0 10 10 m228 0 q0 -10 10 -10 m-238 10 v46 m228 0 v-46 m-228 46 q0 10 10 10 m208 0 q10 0 10 -10 m-218 10 h10 m0 0 h198 m20 -66 h10 m26 0 h10 m3 0 h-3"/>
   <polygon points="369 61 377 57 377 65"/>
   <polygon points="369 61 361 57 361 65"/>
</svg>