1 <svg class="railroad-diagram" height="139" viewBox="0 0 447.5 139" width="447.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2 <g transform="translate(.5 .5)">
4 <path d="M20 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g class="terminal ">
5 <path d="M50 40h0.0" /><path d="M129.5 40h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="50" y="29"></rect><text x="89.75" y="44">%define</text></g><path d="M129.5 40h10" /><path d="M139.5 40h10" /><g class="terminal ">
6 <path d="M149.5 40h0.0" /><path d="M178.0 40h0.0" /><rect height="22" rx="10" ry="10" width="28.5" x="149.5" y="29"></rect><text x="163.75" y="44">{</text></g><path d="M178.0 40h10" /><g>
7 <path d="M188.0 40h0.0" /><path d="M359.0 40h0.0" /><path d="M188.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
8 <path d="M208.0 20h131.0" /></g><path d="M339.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M188.0 40h20" /><g>
9 <path d="M208.0 40h0.0" /><path d="M339.0 40h0.0" /><path d="M208.0 40h10" /><g>
10 <path d="M218.0 40h0.0" /><path d="M329.0 40h0.0" /><path d="M218.0 40h20" /><g class="non-terminal ">
11 <path d="M238.0 40h12.75" /><path d="M296.25 40h12.75" /><rect height="22" width="45.5" x="250.75" y="29"></rect><text x="273.5" y="44">MIB</text></g><path d="M309.0 40h20" /><path d="M218.0 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="non-terminal ">
12 <path d="M238.0 70h0.0" /><path d="M309.0 70h0.0" /><rect height="22" width="71" x="238" y="59"></rect><text x="273.5" y="74">OBJECT</text></g><path d="M309.0 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M218.0 40a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10" /><g class="non-terminal ">
13 <path d="M238.0 100h0.0" /><path d="M309.0 100h0.0" /><rect height="22" width="71" x="238" y="89"></rect><text x="273.5" y="104">SELECT</text></g><path d="M309.0 100a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10" /></g><path d="M329.0 40h10" /><path d="M218.0 40a10 10 0 0 0 -10 10v59a10 10 0 0 0 10 10" /><g>
14 <path d="M218.0 119h111.0" /></g><path d="M329.0 119a10 10 0 0 0 10 -10v-59a10 10 0 0 0 -10 -10" /></g><path d="M339.0 40h20" /></g><path d="M359.0 40h10" /><g class="terminal ">
15 <path d="M369.0 40h0.0" /><path d="M397.5 40h0.0" /><rect height="22" rx="10" ry="10" width="28.5" x="369" y="29"></rect><text x="383.25" y="44">}</text></g><path d="M397.5 40h10" /><path d="M 407.5 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
16 svg.railroad-diagram {
17 background-color:hsl(30,20%,95%);
19 svg.railroad-diagram path {
24 svg.railroad-diagram text {
25 font:bold 14px monospace;
28 svg.railroad-diagram text.label{
31 svg.railroad-diagram text.comment{
32 font:italic 12px monospace;
34 svg.railroad-diagram rect{
37 fill:hsl(120,100%,90%);
39 svg.railroad-diagram g.non-terminal rect{
43 svg.railroad-diagram rect.group-box {
45 stroke-dasharray: 10 5;